Question

我正在创建一个水平滚动网站，当我稍后添加javascript时会自动动态调整大小。但是我开始设置HTML，当我在构成动态代码的div中添加另一个 div 时，代码似乎会引起问题。

此外，有更多经验的人是否愿意解释使用此类代码的弊端？

#main_cont {
   height : 500px;
   white-space : nowrap;
   overflow-x: scroll;
   width: auto;
}
.ads {
   display : inline-block;
   height : 100%;
}

有没有办法让我调整下面的代码，以便我可以将div和潜在的图像放在其中。我不想为此使用Javascript修复程序。提前谢谢你。

http://jsfiddle.net/YVyFA/

Answer 1

您的面板上缺少vertical-align: top;

.wlds {
    vertical-align: top;
}

<强> Updated fiddle

此外，您不需要javascript来调整布局大小，通过设置百分比值的高度和宽度来使用流畅的布局

Answer 2

我找到了一个链接，可以解释如何制作一个需要水平滚动的网站。请CSS-Tricks尝试本教程。希望这有帮助。祝你有个美好的一天。

Answer 3

嗯，最快和最脏的解决方案是给#main-cont div一个特定的宽度并使.wlds div浮动。所以添加以下CSS规则：

#main-cont {
    width: 783px;
}

.wlds {
    float: left;
}

JSFiddle.

横向站点问题

3 个答案: