CSS හි බ්ලොක් සඳහා float ගුණය
float ගුණය රූප සඳහා පමණක් නොව,
ඕනෑම වෙනත් බ්ලොක් සඳහාද අදාළ වේ.
අපි මෙය පරීක්ෂා කර බලමු.
අපට parent යන වර්ගයෙන් යුත් මාපිය බ්ලොක් එකක් ඇති බව උපකල්පනය කරන්න,
එහි ඇතුළත පාඨය සහ child යන වර්ගයෙන් යුත් දරු බ්ලොක් එකක්
ඇත. බ්ලොක් දෙකටම ආසන්නය නියම කර ඇත,
දරුවාට පළල සහ උස ද ලබා දී ඇත:
<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;
}
:
දැන් අපි දරුවාට float
left අගයට සකසමු - පාඨය අපගේ බ්ලොක් එක
වටා ගලා යාම ආරම්භ කරයි:
<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;
}
:
