资讯专栏INFORMATION COLUMN

2-清除浮动

GeekGhc / 3331人阅读

摘要:清除浮动的方法加高度扩展性不好给父级加浮动页面中所有元素都加浮动,左右自动失效清浮动方法左右失效空标签清除浮动最小高度解决后下还有偏差清浮动不符合工作中结构样式行为,三者分离的要求清浮动伪类清浮动

清除浮动的方法:
1、加高度 (扩展性不好)
2、给父级加浮动 (页面中所有元素都加浮动,margin左右自动失效(floats bad !))
3、.inline-block 清浮动方法 (margin左右auto失效)
4、空标签清除浮动 (IE6 最小高度 19px;(解决后IE6下还有2px偏差))
5、.br清浮动 (不符合工作中:结构、样式、行为,三者分离的要求)



6、overflow清浮动
·


7、伪类清浮动

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117342.html

相关文章

  • 关于浮动清除浮动,你应该知道的

    摘要:清除浮动并不是说让浮动元素回到文档流清除浮动只会改变改元素自身的位置,并且只针对排在该元素前面的元素。 我在做页面布局的时候,多多少少总会受到来自浮动的困扰,因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念: 浮动:设置浮动的元素会脱离文档流,不会影响块元素的布局,但是会影响内联元素的排列[通常是文本]; 文档流:在文档流中,块元素会单个元素独占一行 接下来我们通过实...

    mengbo 评论0 收藏0
  • 关于浮动清除浮动,你应该知道的

    摘要:清除浮动并不是说让浮动元素回到文档流清除浮动只会改变改元素自身的位置,并且只针对排在该元素前面的元素。 我在做页面布局的时候,多多少少总会受到来自浮动的困扰,因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念: 浮动:设置浮动的元素会脱离文档流,不会影响块元素的布局,但是会影响内联元素的排列[通常是文本]; 文档流:在文档流中,块元素会单个元素独占一行 接下来我们通过实...

    masturbator 评论0 收藏0
  • 关于浮动清除浮动,你应该知道的

    摘要:清除浮动并不是说让浮动元素回到文档流清除浮动只会改变改元素自身的位置,并且只针对排在该元素前面的元素。 我在做页面布局的时候,多多少少总会受到来自浮动的困扰,因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念: 浮动:设置浮动的元素会脱离文档流,不会影响块元素的布局,但是会影响内联元素的排列[通常是文本]; 文档流:在文档流中,块元素会单个元素独占一行 接下来我们通过实...

    Donald 评论0 收藏0
  • 关于浮动清除浮动,你应该知道的

    摘要:清除浮动并不是说让浮动元素回到文档流清除浮动只会改变改元素自身的位置,并且只针对排在该元素前面的元素。 我在做页面布局的时候,多多少少总会受到来自浮动的困扰,因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念: 浮动:设置浮动的元素会脱离文档流,不会影响块元素的布局,但是会影响内联元素的排列[通常是文本]; 文档流:在文档流中,块元素会单个元素独占一行 接下来我们通过实...

    ideaa 评论0 收藏0
  • 如何清除浮动

    摘要:本文概述本文的框架图如下一浮动到底是什么中给出的浮动定义为浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。如果把所有三个框都向左浮动,那么框向左浮动直到碰到包含框,另外两个框向左浮动直到碰到前一个浮动框。 本文概述 本文的框架图如下: showImg(https://segmentfault.com/img/remote/1460000016978861?...

    fjcgreat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<