清除浮动带来的影响

1.设置高度

图标的元素如何父元素没有高度的话那么关不住它的子元素和其他元素贴靠,可以设置height防止产生贴靠

2.隔墙法

内墙法:

在父元素最后面加一个

cl=clear: both
<div class =cl></div>

这个方法可以让父元素有高度magin不会失效

外墙法

在两个父元素之间加上

cl=clear: both
<div class =cl></div>

这个方法无法设置magin

3.overflow:hidden

可以给父元素设置这个属性这样浮动的子元素照样可以撑起父亲的高度 (ie6需要设置_zoom:1)

4.position:absolute

5.position:fixed

注意:相对定位不可以

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • 盒子的高度问题 1.标准流中盒子的高度可以被内容高度撑起来;2.浮动流中浮动的内容不能撑起盒子的高度; 为什么要清...
    壹点微尘阅读 3,130评论 0 0
  • 浮动元素高度问题 在标准流中内容的高度可以撑起父元素的高度 在浮动流中浮动的元素是不可以撑起父元素的高度的 清除浮...
    MGd阅读 2,806评论 0 0
  • 网页的布局方式 1.什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 1.标准流...
    sweetMood阅读 1,837评论 0 0
  • 非正常言论,个人观点,请读者领着各自看法三思之后再进行相关评论,切勿图口角之争,文字中该留有你的人品。 马陌上/文...
    职业拆蛋专家阅读 5,037评论 3 2

友情链接更多精彩内容