清浮动

2018-06-24 01:53:18来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

方法

  对于标准浏览器来说,清浮动其实就两种方法,一种是在浮动元素下面添加新元素设置clear属性;另一种是触发包含块的BFC,使其包含浮动元素。而对于IE7-浏览器,则用到其特有属性haslayout

【1】clear属性

  [1]<div style="clear:both"></div>

  <注意>并不是很适用,若包含块为<ul>,则子元素只能为<li>,则在<li>后面添加<div>元素不合适

  [2]<br style="clear:both">

  <注意>虽然clear属性只应用于块级元素,但在除IE7-以外的其他浏览器都可以将clear属性应用于<br>元素

  [3]为浮动元素的after伪元素设置clear属性(推荐)

  .clear:after{content:""; display: block; clear: both;}

  <注意>IE7-浏览器不支持after伪元素

【2】BFC

  [1]float: left/right

  [2]position:absolute/fixed

  [3]display:inline-block/table-cell/table-caption/flex

  [4]overflow:hidden/scroll/auto

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Bootstrap插件-carousel(轮播图)

下一篇:a href=&quot;javascript:&quot;与a href=&quot;#&am