0

你能帮我解决我的困境吗?我有一个已设置的容器(在本例中为 BODY)position:relative。在里面我有两个div。一个relative和一个absolute定位(按此顺序)。

问题是,每当我margin-toprelative定位元素设置一些时,容器的高度(body在这种情况下)都会垂直延伸。

例如,即使我设置height: 100%了容器,查看时它的大小是 100% +定位子元素margin-top的大小。relative

这是一个小提琴:http: //jsfiddle.net/xJ75R/7/

4

1 回答 1

1

首先,你不应该给 body 一个相对位置,因为 body 占据了整个页面。

无论如何,在将相对位置应用于另一个元素时要具体,所以如果你有一个“列表”类,那么使用

.lists { position: relative; top: something; left: something }

或保证金,或任何规则。

如果你只是在给另一个元素一些边距后遇到了 body 标签的问题(虽然我不知道这是怎么发生的),然后给 body 一个边距 0,比如:

body { margin: 0; }

如果这不起作用,那么使用 !important like

body { margin: 0 !important; }

附带说明一下,使用 firebug 插件的 firefox 让您的 CSS 生活更轻松,并即时查看正在发生的事情。

于 2012-09-09T16:51:44.633 回答