2010-05-25 161 views
1

我想让我的包装持有我的内容,但它不会。我已经拿出了漂浮物,并添加了“溢出:可见”,无济于事。我认为这是因为我的Z-indexing和负边缘,但已经尝试了这些,并仍然没有改变。有任何想法吗?包装不包含内容div

http://www.jenniferhope.com/bio

(浮动仍然在这个例子中)。

感谢您可以提供任何帮助!

+0

它很难找出你想要的结果是什么。 – Galen 2010-05-25 04:34:54

回答

3

试试这个:

#wrapper { 
overflow:auto; 
} 

我看了一下网站上的代码。有很多事情你可能想要解决。由于我不确切知道您希望网站的外观,因此很难确切说出您需要做什么。但是,一般来说,这里有一些提示:

  • 要包含浮动元素,应用overflow:auto;到父元素,或者放置某些内容以清除容器底部的浮标,例如:<div style="clear:both;"></div>
  • 尽量避免使用负边距进行定位。这很好,但通常有更好的办法。
  • 如果您需要将一个元素叠加到另一个元素上,则需要使用position:absolute;和z-index定位该元素。使用position:absolute;时,元素将相对于应用了position:relative;的最近的祖先进行定位。如果没有元素应用,它将相对于body元素进行定位。
+0

请注意,如果您的元素具有“绝对”或“固定”的位置,则z-index只会起作用。 – 2010-05-25 05:05:44