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

HTML / CSS - 并排放置多个DIV元素，每个div都是浏览器的100％宽度/高度

1 个答案: