浮动的方式

浮动的方式,第1张

1、方法一:在浮动元素的下面添加空的div

空的div{

clear:bothheight:0overflo:hidden

}

2、方法二:给浮动元素的父级元素设置高度(注:如果浮动元素的高度不确定,则不适用,不推荐)

3、方法三:br清浮动

<br clear="both" />但是不符合工作中结构、样式、行为三者分离(不推荐)

4、方仔帆郑法轿腊四念颂:给父元素添加overflow:hidden(存在IE6,7的兼容问题)

父元素{

overflow:hidden

zoom:1//解决IE6,7兼容问题

浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动,浮动的元素脱离文档仿禅流,也就是不再占有原有的位置,会影响后面的元素或者是父容器备键尘,所以,我们要通过清除浮动解决此问题。

父容器正常情况下会自动扩高,但是子元素加了浮动后位置不保留,父容器就感觉它不存在了,所以不会扩高,解决方式:给父容器加亮悄overflow:autozoom:1解决即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11972356.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存