11-8.防止高度塌陷

防止高度塌陷的方法:

1.直接给父元素设置高度,不能彻底解决父元素塌陷的问题

2.在元素内容之后,加上一个块级元素,不添加任何内容,再添加清除左右浮动属性即可,这种方法会额外增加文档的结构,不是终极解决方法

3.使用伪元素,在元素内容之后添加一个伪元素,内容为空,设置为块级元素,再清除左右浮动即可,这个是终极解决方法

4.注意:当父元素设置有高度时,不用清除浮动,父元素没有设置高度时,一定要清除浮动,前提是子元素有浮动

posted on 2021-11-22 21:18  Walker-Yang  阅读(67)  评论(0编辑  收藏  举报

导航