11-8.防止高度塌陷
防止高度塌陷的方法:
1.直接给父元素设置高度,不能彻底解决父元素塌陷的问题
2.在元素内容之后,加上一个块级元素,不添加任何内容,再添加清除左右浮动属性即可,这种方法会额外增加文档的结构,不是终极解决方法
3.使用伪元素,在元素内容之后添加一个伪元素,内容为空,设置为块级元素,再清除左右浮动即可,这个是终极解决方法
4.注意:当父元素设置有高度时,不用清除浮动,父元素没有设置高度时,一定要清除浮动,前提是子元素有浮动
posted on 2021-11-22 21:18 Walker-Yang 阅读(71) 评论(0) 编辑 收藏 举报