css - 百分比宽度与位置：绝对

Question

我的一个 div 的宽度有问题。它相对于我的内容框的宽度为 100%（全屏大约 800 像素）。但是，当我将位置更改为绝对位置时，宽度变为 1440 像素（我的屏幕尺寸）。有解决此问题的方法吗？

我无法发送整个代码，但可以在此处看到该页面：

提前致谢！

/约翰内斯·佩尔松，斯蒂利乌斯

score 0 · Accepted Answer

0

如果您将以下内容放在#maindesc上怎么办

position:relative;

于 2013-07-03T08:01:29.073 回答

score 0 · Accepted Answer

元素的宽度position: absolute;将相对于最近定位的祖先。因此，如果您希望 100% 成为某个祖先元素的 100%，请给该祖先position: relative;

在您的情况下，这样的事情应该可以解决问题；

#content {
    position: relative;
}

如果元素的值不是（默认），则认为该元素已定位positionstatic

2 回答 2