本文介绍了HTML盒子模型中的垂直布局，包括父元素与子元素的溢出处理，以及overflow属性的使用。同时，讨论了垂直外边距的重叠问题，特别是父子元素之间的外边距传递现象。此外，详细解析了行内元素的盒模型特点，如内容区、内边距、边框和外边距的设定，并提到了display属性和visibility属性在控制元素显示类型和状态中的应用。
一般情况下，我们一般不会设置固定高度，都是让他被内部撑开，父元素的高度是被子元素撑开的，块元素宽高是被内容撑开的，如果父元素宽高设置，小于内容区，则内容回溢出。
若父元素设置了，就是设置多少就是多少。子元素是在父元素的内容区中排列的
如果子元素的大小超过了父元素，则子元素会从父元素中溢出。
使用overflow属性设置父元素如何处理溢出的子元素。
可选值：
visible 默认值 子元素会从父元素中溢出，在父元素外部的位置显示
hidden 溢出的内容将会被裁剪不会显示
scroll 生成两个滚动条，通过滚动条来查看完整的内容
auto 根据需要生成滚动条
任务如何去除滚动条样式！
额外两个属性，了解一下
overflow-x：；auto 单独设置水平方向的溢出内容
overflow-y：；auto 蛋到户设置垂直方向溢出的内容
垂直外边距的重叠
兄弟元素
如果外边距都是正值，外边距谁大听谁的。
如果一正一负，外边距的设置，两者相加。
如果两个都是负值，则外边距的设置，绝对值大听谁的。
注意：兄弟元素的
最低0.47元/天 解锁文章
扫一扫
1044
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
