本文揭示了如何通过CSS `display: table`属性巧妙地解决网页布局中的外边距重叠问题，并介绍如何使用`::before`和`::after`伪元素配合`clear`属性来避免高度塌陷，提升页面结构的稳定性。
解决外边距重叠——
.xxx::before{
content:" “;
display:table
}
解决高度塌陷——
.xxx::after{
content:” ";
display:table;
clear:both;
}
display:table;既可以解决外边距重叠也可以解决高度塌陷
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
