使用left
和right
属性设置为0
问题是,当窗口被缩放时,元素的全宽仅为视口。以下图片详细解释了问题
是否有任何CSS黑客可以解决此问题。
JSfiddle to test:http://jsfiddle.net/vaakash/kdgJp/
答案 0 :(得分:2)
您可以执行以下操作:
body {
position:relative;
float:left;
}
#header {
width:100%;
}
这将确保absolute
元素的宽度body
定向(因为其定位relative
),float:left
将确保正文的宽度与内容。
答案 1 :(得分:0)
是否有理由不能使用width: 100%;
?