Question

如何使div占满全屏幕

<div class="wrapper" style="width:1024px;">
<div class="nav">
</div>

</div>

像这个class=nav的div，如何使其占全屏幕大小?
是宽度，使宽度占满屏

Answer 1

$('.nav').width($(window).width());
$('.nav').height($(window).height());
用的jQuery

Answer 2

style="width:100%"

追问

这个是不行的，因为这个div被上一层只有1024px宽度的div包裹，100%也只有1024px

追答

用js 控制, 先获取屏幕宽度,在赋值给div

Answer 3

<div style="position:relative; width:100%;height:100px; background:#ccc;">
<div style="width:1024px;height:80px; background:#06f; margin: 0 auto;">
<div style="width:100%;height:30px;background:#000; position:absolute; top:0px; left:0px;"></div>
</div>
如果nav一定要父元素1024的话 我只能想到用绝对定位了 = =。。

Answer 4

style="width:100%"