1

我正在创建一个水平滚动站点，当我稍后将 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/

4

3 回答 3

1

你只是缺少vertical-align: top;你的面板

.wlds {
    vertical-align: top;
}

更新的小提琴

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

于 2013-08-18T21:10:26.527 回答
0

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

#main-cont {
    width: 783px;
}

.wlds {
    float: left;
}

JSF 中。

于 2013-08-18T21:08:08.573 回答
0

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

于 2013-08-18T20:55:20.467 回答