作者:手机用户2502939177 | 来源:互联网 | 2022-01-07 14:46
子元素浮动会导致父元素盒子无法被撑开,导致父元素的样式无法显示,以下介绍几种清除浮动的方法
原代码:
内容一
内容二
显示如下:
内容一
内容二
2、父元素绝对定位:position:absolute;
内容一
内容二
3、父元素设置overflow:hidden
内容一
内容二
4、父元素设置浮动:float:left/right
内容一
内容二
5、在子元素最后添加一个空盒子,并设置样式为clear:both;
内容一
内容二
6、在父元素样式上添加一个伪类,相当于在子元素最后添加一个空盒子,原理与5类似
内容一
内容二
以上就是元素浮动的问题的详细内容,更多请关注其它相关文章!