清除浮动方法总结

1.父级设置高度(不推荐)

2.对父级div标签闭合前添加一个clear清除浮动对象(对于子元素有阴影效果的推介)。

  <div>
    <div>XXX</div>   //设置浮动效果
          <div>XXX</div> 
          <div class="clear"></div>     //style中设置  .clear{clear: both}
  <div>

3、对父级CSS属性中添加 overflow: hidden样式(适应的而高度会忽略阴影效果,因此会截了阴影)。

4、父级CSS属性中添加float:left样式

5、父级CSS添加overflow:hidden样式

6、(推荐)父级添加after 伪元素  例:.clear:after{
                                                                            content: ".";
                                                                            display: block;
                                                                            height: 0;
                                                                            clear: both;
                                                                            visibility:hidden;
                                                                          }

posted @ 2017-07-08 20:15  Easty  阅读(91)  评论(0)    收藏  举报