javascript - 如何对齐 6在一个 HTML 页面中水平放置，每个宽度等于浏览器宽度？

Question

现在，我通过保持我的 body width=12000px; 来实现这一点。每个 div 宽度=2000px；

但我想用浏览器宽度动态更改 div 宽度，以便在任何屏幕尺寸上都有标准视图。

Answer 1

CSS：

div.horisontal { height: 100px; float: left }

JS（之前加载 jquery，无论如何你都需要它）：

$(function(){
    var bw = $(window).width();
    $('div.horisontal').width(bw);
})
$(window).resize(function(){
    var bw = $(window).width();
    $('div.horisontal').width(bw);
})

HTML：

<div class="horisontal">div1</div>
<div class="horisontal">div2</div>
<div class="horisontal">div3</div>
<div class="horisontal">div4</div>
<div class="horisontal">div5</div>
<div class="horisontal">div6</div>

Answer 2

在这里回答您的问题是一个很好的指南。

http://css-tricks.com/how-to-create-a-horizo​​ntally-scrolling-site/