网页布局常见的网页布局
display属性
block
inline
inline-block
none
浮动属性左浮动 left
右浮动 right
不浮动 none
清除浮动
clear属性
清除左边浮动 left
清除右边浮动 right
清除两侧浮动 both
不清除浮动 none
解决父级边框塌陷的方法浮动元素后面加空div
设置父元素的高度
父级添加overflow属性
父级添加伪类after
inline-block和浮动
浮动
最新推荐文章于 2025-04-10 11:10:14 发布
本文深入探讨了网页布局中关键的display属性，包括block、inline、inline-block和none，以及浮动属性如left、right和none的使用。同时，文章详细讲解了clear属性的各个选项：left、right、both和none，用于解决浮动元素可能导致的布局问题。此外，还提供了几种避免父级边框塌陷的实用方法，如在浮动元素后添加空div、设置父元素高度、利用overflow属性和伪类after。
扫一扫
1803
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
