使用浮動float,方法如下:
CSS代碼:
.f{
width:100px;
border:1pxsolid#F00;
float:left;
}
HTML代碼:
<divclass="wrapper">
<divclass="f">第一個塊級元素</div>
<divclass="f">第二個塊級元素</div>
</div>
使用浮動效果,就能讓兩個塊級元素橫向排列。
使用浮動float,方法如下:
CSS代碼:
.f{
width:100px;
border:1pxsolid#F00;
float:left;
}
HTML代碼:
<divclass="wrapper">
<divclass="f">第一個塊級元素</div>
<divclass="f">第二個塊級元素</div>
</div>
使用浮動效果,就能讓兩個塊級元素橫向排列。