css - 防止子元素超过父元素的高度?

标签 css height containers parent-child

给定这段代码:

.yourHeaderContainer {background-color:#EEEEEE; line-height:34px; height:34px;}

.yourHeaderContainer .challengeSomeone {float:right; margin-right:10px; font-size:12px; font-weight:bold; padding:0px 0px 0px 0px;}

有什么方法可以防止子元素超过父容器的行高(或高度)?

最佳答案

在父级上执行 overflow:hidden(overflow-y:hidden 应该也可以)。

关于css - 防止子元素超过父元素的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4496142/

相关文章:

CSS 位置 :fixed in Web OS apps

html - 修复了在移动设备上滚动时背景图像放大的问题

jquery - 如何使用 jQuery 添加高度到包装器?

安卓 :The unit of imageLayout. getHeight

c++ - 是否有接受预填充和预分配缓冲区的随机访问容器类型?

html - 如何让容器 div 占满屏幕的 100%?

javascript - SVG 用类声明替换填充声明,用于高级颜色自定义

android - 无法在样式中设置资源形状的高度和宽度

jquery - CSS - 如何使溢出隐藏在右边而不是左边?

css - srcset 中的 w-descriptors 必须使用 sizes 属性吗?