1.overflow:hidden
2.利用伪元素
div::after {
display: block;
content: "";
clear: both;
}
3.添加一个div
<style>
.cf {
clear: both;
}
</style>
<div>
.......
.......
<div class="cf"></div>
</div>
div::after {
display: block;
content: "";
clear: both;
}
<style>
.cf {
clear: both;
}
</style>
<div>
.......
.......
<div class="cf"></div>
</div>
1.overflow:hidden 2.利用伪元素 3.添加一个div
高度塌陷问题：子元素浮动父元素的高度没了，就会造成高度塌陷，可以开启bfc来解决这个问题，bfc有三种特性 1.父...
父元素会被子元素撑开， 脱离文档流后父元素高度塌陷 解决方法： 给父元素加高度 隐藏属性 BFC 等我们开启后就会...
高度塌陷： 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷： BFC 1.父元素的...
高度塌陷 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷：BFC 1.父元素的垂直...
浮动导致的父容器高度塌陷是指由于浮动元素脱离文档流，页面渲染时无法计算上浮动元素的高度，导致父元素的高度没有被撑开...
问题：子容器都float以后，父容器没有设定高度,父容器将不会被撑开。 解决方法 1：添加一个clear:both...
****导致父容器高度塌陷的主要原因就是子容器使用float会使元素脱离文档流****例如：下图中的三个div本来...
父元素自适应宽高度，子元素浮动导致高度塌陷 高度塌陷: 示例图： HTML: CSS: 第一种解决方案： 通过给父...
什么是塌陷如果父级元素只包含浮动元素,那么在未设置高度的情况下,父级元素的高度塌陷为0; 可以看到在父级元素的高度...
本文标题：父容器高度塌陷的三种解决方法
本文链接：https://www.haomeiwen.com/subject/ocnwzttx.html
网友评论