该方案借助的是after伪类选择器和clear元素
核心思想:
在父元素底部添加一个块元素,并对其设置clear属性,就可以解决高度塌陷的问题。
但这种方式必须在html中添加标签。
使用css的方式来解决高度塌陷:
使用after伪类选择父元素底部,为父元素底部添加空文本,并将其设置为块元素和clear属性,就可以以最小的副作用解决该问题了。
代码如下:
该方案借助的是after伪类选择器和clear元素
核心思想:
在父元素底部添加一个块元素,并对其设置clear属性,就可以解决高度塌陷的问题。
但这种方式必须在html中添加标签。
使用css的方式来解决高度塌陷:
使用after伪类选择父元素底部,为父元素底部添加空文本,并将其设置为块元素和clear属性,就可以以最小的副作用解决该问题了。
代码如下: