HTML/CSS 创建比视口宽 body

Question

我将尝试创建水平滚动的网站。但是当我将元素设置得比视口宽时 - body 不会更宽。

以下代码无效

body {
    float: left
}

我怎样才能做到 body 比视口宽？

更新：理论上我有一个未知数量的 .grid-cell 块。所以，我不知道，在每种情况下 body 宽度应该有多宽。它应该是灵活的。

Answer 1

要使您的主体更宽，您可以将其宽度属性设置为大于视口宽度的值。例如：

body { width: 150%; }

这将占用视口的宽度并使正文的宽度增加 50%。

Answer 2

如果您的单元格数量未知，则只需在 html 正文中添加溢出属性。见下文：

html, body {
  position: relative;
  height: 100%;
  background: red;
  overflow: auto;
  }

HTML/CSS create body wider than viewport