HTML：如何设置子元素宽度=浏览器窗口宽度？

问题描述：

我想在浏览器窗口中显示我的html页面的一个子元素..换句话说，我想放大它，并在加载后调整大小时保持它与浏览器窗口的大小相同。HTML：如何设置子元素宽度=浏览器窗口宽度？

我想知道如果我不得不将这个对象移到父元素之外，或者我可以用css设置这些属性。

目前，如果我设置宽度：100％和高度：100％，它适合父母（当然），而不是窗口。

感谢

答

在可能的情况下使用相对定位通常会更好，并且任何大的子元素都应该与父元素相等。但你总是可以绝对地定位它：

position:absolute; 
width:100%; 
height:100%; 
left:0px; 
top: 0px;

这是唯一正确的答案。没有剩下的：0px和top：0px根本不起作用。 – aneuryzm 2010-05-19 15:22:46

我会注意到高度：100％几乎不是浏览器不可知论的。我很确定我在FF或Safari中从来没有遇到过麻烦，但我看到很多浏览器完全破坏了高度计算。所以如果你在寻求一致性，你可能需要真正的工作。只是FYI。 – drharris 2010-05-20 04:36:10

答

宽度很简单：

width: 100%;

的高度，你需要的东西是这样的：

答

宽度总是aplies关于父元素。你可以使用绝对定位来让该特定元素“离开”其父元素（就定位和流动而言），并将其设置为100％。尽管如此，它可能并没有结束你想要的视觉效果。

.someElement { 
    position: absolute; 
    width: 100%; 
    height: 400px; 
}

父元素不能有“位置：相对”指定为此工作。