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以使其宽度等于窗口/浏览器的宽度。