水平滚动网站内容

Question

我的目标是为我的投资组合制作一个网站。 我有一个div的菜单，想要在另一个div上工作，作为我的所有图像的容器。图像必须填充浏览器的100％高度。 问题是，我希望我的网站水平滚动，当我开始添加内容时，只要宽度超过浏览器窗口的100％，新图像会在第一个图像下进行水平滚动。

我能做些什么来纠正呢？

CSS

body, html { 
    height: 100%; 
} 

#main { 
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 1; 
} 

#menu { 
    width: 200px; 
    height: 500px; 
    background-color: #fff; 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    overflow: scroll; 
    z-index: 2; 
} 

#img { 
    height: 100%; 
    float: left; 
    overflow: scroll; 
} 

Answer 1

从#main标签中取出的宽度。只要元素达到100％，它就会下移到下一行。