相信我,天才无法与我媲美

关于CSS清除浮动的多种方法

2017-04-19

关于清除浮动,已经不是什么新技术了,这里只是归纳终结一下。

清除浮动 ,扩展开了来说就是解决 子元素都浮动了,脱离了文档流,导致父元素无法被撑开的问题。

今天我们就主要谈谈这个问题的解决方案。

ps 清除浮动 – (撑开父元素)

1.父元素是普通文档流  子元素 都浮动    在 浮动块 下边 加个一个 清除浮动   <br clear=”all” />  <div style=”clear:both”></div>

2.父元素是普通文档流  子元素 都浮动    在不影响页面的前提下 给父元素 添加 overflow:hidden

3.父元素是普通文档流  子元素 都浮动    在不影响页面的前提下 把父元素 变成 浮动块

4.clearfix 

作者:lrxin | Categories:CSS | Tags:

发表评论