代码改变世界

CSS 技巧

2013-03-10 11:33  铳仔  阅读(113)  评论(0)    收藏  举报

1.  清除浮动（解决因浮动父级不能包裹问题）

 方法1：在浮动元素后面增加<br/>标签  <div class="box">

　　<div style="float:left;"></div>

　　<div style="float:left;"></div>

　　<br/>

</div>
 方法2： 在浮动元素后面增加一个清除浮动层  <div class="box">

　　<div style="float:left;"></div>

　　<div style="float:left;"></div>

　　<div style="clear:both;"></div>

</div>
方法3 : 给浮动元素添加 overflow: hidden;  <div class="box" style="overflow: hidden;">

　　<div style="float:left"></div>

　　<div style="float:left"></div>

</div>
方法4 ： 添加:after样式

 box:after {

       visibility:hidden;
       display:block;
       font-size:0;
       content:" ";
       clear:both;
       height:0;

}