DIV元素高度不会自动增长

Question

即使我将DIV属性设置为height，height元素auto也没有增长。请参阅下面的CSS代码段

#main_site {
  position: absolute;
  background-position: center; 
  top: 295px;
  width: 950px;
  background-color: #FFF;
  height: auto;  
}

我在内容DIV中有一个图像，图像align属性为right，但在IE8中，图像显示为左图。

<p><img src="images/image.jpg" align="right" hspace="5" alt="images..." /> 上面的代码在Firefox中工作正常，但不适用于IE8。

如果我有任何错误，请纠正我。

Answer 1

尝试添加float:left;应该做的诀窍

Answer 2

就像这里所说的那样，如果你的内部有浮动元素，div就不会获得高度。 然而，这并不意味着您需要额外的标记。

Overflow: hidden;

将强制它重新计算其高度。这反过来会使它按预期增长。

Answer 3

#main_site div的内容是否已浮动？如果是这样可能是问题。您可能需要发布更多HTML / CSS

Answer 4

height：auto只告诉div将高度设置为最高的内部元素。如果您已浮动内部元素，请尝试在#main_site div关闭之前添加以下内容：

<div style="clear:both"></div>

这将确保您#main_site div“包装”内部元素。