HTML / CSS创建的体比视口宽

Question

我试图用水平滚动创建网站。 但是当我设置比视口更宽的元素时 - 身体不要更宽。

以下代码无效

body {
    float: left
}

我怎么能比视口做更宽的身体？

我为此创造了小提琴 - https://jsfiddle.net/stas_webdev/9L1gLoww/

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

Answer 1

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

body { width: 150%; }

这将获取视口的宽度，并使主体的宽度增大50％。

Answer 2

如果您的单元格数量未知，那么只需在html，body上添加overflow属性即可。见下文：

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