CSS-də bloklar üçün float xassəsi
float xassəsi təkcə
şəkillərə deyil, həm də istənilən digər bloklara şamil edilə bilər.
Gəlin bunu yoxlayaq.
Tutaq ki, parent sinfi olan ana blokumuz var,
onun daxilində mətn və child sinfi olan
sub-blok var. Hər iki bloka sərhəd təyin edilib,
sub-bloka isə həm də eni və hündürlüyü verilib:
<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;
}
:
İndi gəlin sub-bloka float
xassəsini left dəyərinə təyin edək -
mətn blokumuzu əhatə etməyə başlayacaq:
<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;
}
:
