float浮动
发布者:IT人在线 | 发表时间:2018/12/4 9:50:27
float浮动
不浮动:
<div style="background:red; width:30%;hight:100px;" >层一</div><div style="background:blue;width:30%;hight:100px;" >层二</div>
左浮动
<div style="float:left;background:red; width:30%;hight:100px;" >层一</div><div style="float:left;background:blue;width:30%;hight:100px;" >层二</div>
右浮动:
<div style="float:right;background:red; width:30%;hight:100px;" >层一</div><div style="float:right;background:blue;width:30%;hight:100px;" >层二</div>
左右浮动 中间空:
<div style="float:left;background:red; width:30%;hight:100px;" >层一</div><div style="float:right;background:blue;width:30%;hight:100px;" >层二</div>
放在页面测试看看吧