Question

我试图将div的宽度强制为浏览器窗口的宽度。因此即使调整窗口大小，也要调整它的宽度。

我已经研究了大约一个小时，并且发现了像.resize（）这样奇怪的点点滴滴但找不到有效的东西。

Answer 1

如果没有容器限制宽度，则div应默认跨越浏览器窗口的宽度。您可以将宽度显式设置为100％，但这不是必需的：

<div style="width:100%;">Hello world</div>

我认为CSS在这里更合适，但你可以在jQuery中这样做：

$("#div1").width($(window).width());

要在调整窗口大小时运行上面的代码，您可以这样做：

$(window).resize(function(){
    $("#div1").width($(window).width());
});

这是一个jsFiddle。为了演示，div在按钮单击时展开。

Answer 2

试试这个：

<div id="full"></div>

<script type="text/javascript">
    function reSize($target){
        $target.css('width', $(window).width()+'px');
    }
    $(document).ready(function(){
        $(window).bind('resize', reSize($('#full')));
        $(window).trigger('resize');
    });
</script>

我希望这有帮助！

Answer 3

width: 100%;
display: block;

可选：

position: absolute;

Answer 4

我认为你可以使用css width 100％解决这个问题

 div#full{ width:100%}

：）

JQUERY：将div调整为窗口宽度

4 个答案: