HTML/CSS创建比视口更宽的身体

Question

我会尝试使用水平滚动来创建网站。 但是，当我设置元素比视口宽 - 身体不宽。

下面的代码无法工作

body { 
    float: left 
} 

我该怎么办身体比视宽？

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

更新：我有.grid单元块的未知NUM，在理论上。所以，我不知道，在每种情况下，身宽应该有多宽。它应该是灵活的。

Answer 1

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

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

Answer 2

为了让您的身体更宽，您可以将其宽度属性设置为大于视口宽度的东西。例如：

body { width: 150%; } 

这将使您的视口的宽度，使身体的宽度增大50％。