在CSS中,我们经常需要设置div元素的高度,以达到设计要求。然而,有时候我们设置了高度,但实际上它并没有生效。这个问题可能是由于以下原因引起的。
div{ height: 100px; }
1. 没有清除浮动
当我们在div中使用了浮动元素时,浮动元素超出了容器的范围,导致容器的高度无法被正确计算。这时候我们需要使用clearfix来清除浮动。
.clearfix:after{ content: ""; clear: both; display: block; }
2. 有内部元素撑开了高度
当我们设置了div高度,但内部元素的高度超出了父容器的高度时,div元素的高度被撑开了。这时我们需要设置内部元素的高度或者使用overflow:hidden来隐藏溢出的部分。
3. 设置了最小高度
当我们设置了最小高度,而实际内容的高度小于最小高度时,div元素的高度会受到最小高度的限制,导致无法达到我们想要的高度。
div{ min-height: 100px; }
总结:以上是css设置div高度无效的可能原因及解决方法。