2011-09-12 65 views
1

我有一个带有body标签的布局。正文标签为CSS宽度为960px;如何强制div在当前窗口的100%宽度下缩放浏览器

我想有一个DIV内的身体标记,我需要这个div是100%的浏览器窗口的宽度。

不幸的是,目前我无法得到结果,因为内部div从身体继承。

我的问题;即使在body标签内,如何强制div在当前Browser窗口的100%宽度上缩放?

PS。我试试!对width属性很重要,但不能正常工作

感谢

+1

您是否有示例代码? – Dutchie432

回答

5

你在你的情况下不能。代替width:960px为身体使用包装。

<body> 
    <div class="wrapper"> 
    my content goes here 
    </div> 
    <div> 
    my 100% width div goes here 
    </div> 
</body> 

.wrapper { width:960px; margin:0 auto; } 
2

我想你的布局的背景是100%,但你的布局宽度为960像素。如果这是你的问题,然后采取1个像素的垂直背景从上到下..

0

使用jQuery来获取窗口的宽度:$(window).width()和使用jquery的东西,如更新div的宽度:$("#theIDofDiv").css("width", widthVar);

请注意,这不是标准格式,并且代码没有经过测试,但在理论上,如果人体没有overflow:hidden,您应该能够得到您想要的结果

相关问题