HTML / CSS-並排放置多個DIV元素，每個div為瀏覽器的寬度/高度的100％

Question

我無法弄清楚，這可能很簡單。 我有幾個DIV元素需要並排放置（中間沒有空白），並且每個div的設置寬度必須為瀏覽器寬度的100％，最小高度為瀏覽器的100％。

就像我說的那樣，我敢肯定有一個快速簡便的技巧，我只是在研究中找不到很多東西。 非常感謝！

更新：這似乎可行： http : //pastebin.com/kuQyfwuG

Answer 1

也許您可以將所有div包裝在一個容器div中，該容器的div寬度比瀏覽器的寬度大得多（或者至少是並排放置的所有div的總寬度）：

的HTML

<div id="container">
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
</div>

的CSS

body {
  overflow: hidden;
}

#container {
  width: 10000px;
  height: 100%;
}

.element {
  min-height: 100%;
  ...
}

jQuery的

$('.element').css('width', window.innerWidth);

body被賦予了屬性overflow: hidden; 因此，由於#container的大小，將不會顯示水平滾動條。 並且由於將.element的寬度設置為100％將使其與#container元素一樣寬，因此您可以添加一些jQuery以使其寬度等於窗口/瀏覽器的寬度。