我有一个带有body标签的布局。正文标签为CSS宽度为960px;如何强制div在当前窗口的100%宽度下缩放浏览器
我想有一个DIV内的身体标记,我需要这个div是100%的浏览器窗口的宽度。
不幸的是,目前我无法得到结果,因为内部div从身体继承。
我的问题;即使在body标签内,如何强制div在当前Browser窗口的100%宽度上缩放?
PS。我试试!对width属性很重要,但不能正常工作
感谢
我有一个带有body标签的布局。正文标签为CSS宽度为960px;如何强制div在当前窗口的100%宽度下缩放浏览器
我想有一个DIV内的身体标记,我需要这个div是100%的浏览器窗口的宽度。
不幸的是,目前我无法得到结果,因为内部div从身体继承。
我的问题;即使在body标签内,如何强制div在当前Browser窗口的100%宽度上缩放?
PS。我试试!对width属性很重要,但不能正常工作
感谢
你在你的情况下不能。代替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; }
我想你的布局的背景是100%,但你的布局宽度为960像素。如果这是你的问题,然后采取1个像素的垂直背景从上到下..
使用jQuery来获取窗口的宽度:$(window).width()
和使用jquery的东西,如更新div的宽度:$("#theIDofDiv").css("width", widthVar);
请注意,这不是标准格式,并且代码没有经过测试,但在理论上,如果人体没有overflow:hidden
,您应该能够得到您想要的结果
您是否有示例代码? – Dutchie432