CSS - 缩放后绝对定位的全宽元素被剪切

Question

使用left和right属性设置为0

，将元素绝对定位并使其达到最大宽度

问题是，当窗口被缩放时，元素的全宽仅为视口。以下图片详细解释了问题

是否有任何CSS黑客可以解决此问题。

JSfiddle to test：http://jsfiddle.net/vaakash/kdgJp/

Answer 1

您可以执行以下操作：

body {
position:relative;
float:left;
}

#header {
width:100%;
}

http://jsfiddle.net/PNaSz/

这将确保absolute元素的宽度body定向（因为其定位relative），float:left将确保正文的宽度与内容。

Answer 2

是否有理由不能使用width: 100%;？