javascript - どうすれば6を揃えることができますか1つのHTMLページで水平方向にそれぞれ幅はブラウザの幅と同じですか？

Question

今、私は私の体の幅を12000pxに保つことによってこれを達成しました。そして、各div width = 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/