父亲高度给定，儿子内容超出父亲高度，会怎样显示

最新推荐文章于 2024-09-23 14:16:26 发布

原创最新推荐文章于 2024-09-23 14:16:26 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

探讨了在网页设计中，当子元素内容超过父元素高度时的布局问题，分析了样式继承可能导致的问题，并提出了调整样式以解决重叠现象的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果父亲的高度给定，儿子的内容不是很多，没有超出父亲的高度，显示效果见下：
在这里插入图片描述
显而易见，下面的盒子是和父亲对齐的。
如果儿子的内容太多，超出父亲的范围，会这样显示：

可以看到对下面盒子的布局并没有影响，它还是和父亲对齐的，只不过和儿子会有一部分的重叠。
遇到这种情况，可能是因为沿用了之前的样式，而之前设置的盒子高度又太小，所以需要设置新的样式层叠掉上面的样式。