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％。