防止子元素超过父元素的高度？
给出这段代码：
.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;}
有什么方法可以防止子元素超过父容器的行高（或高度）？
Given this code:
.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;}
Is there any way I can prevent the child element from exceeding the line height (or height) of the parent container?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在父级上执行溢出：隐藏（溢出-y：隐藏也应该起作用）。
Do an overflow:hidden on the parent (overflow-y:hidden should work too).