Bao quanh trong CSS
Giả sử hiện tại chúng ta có hai div với lớp
parent. Trong mỗi div có một đoạn văn bản nhỏ,
và trong div đầu tiên có một hình ảnh
được thiết lập thuộc tính float với giá trị
left.
Như bạn đã biết, trong trường hợp này hình ảnh sẽ chồng lên khối thứ hai:
<div class="parent">
<img src="img.png" alt="">
văn bản
</div>
<div class="parent">
văn bản
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
:
Hãy cùng tìm hiểu trong các bài học tiếp theo, cách tránh sự chồng lấn hoặc bao quanh như vậy.