Thuộc tính float cho các khối trong CSS
Thuộc tính float có thể áp dụng không chỉ
cho hình ảnh, mà còn cho bất kỳ khối nào khác.
Hãy kiểm tra điều này.
Giả sử chúng ta có một khối cha với lớp parent,
bên trong nó có văn bản và một khối con
với lớp child. Cả hai khối đều được đặt
đường viền, và khối con còn có thêm chiều rộng và chiều cao:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Bây giờ hãy đặt float cho khối con
thành giá trị left - văn bản sẽ bắt đầu chảy xung quanh
khối của chúng ta:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
