溢出lis到固定div中的下一行?

时间:2011-08-09 18:33:40

标签: css list html overflow fixed

我有一个固定的div,里面有一个ul。固定div设置为overflow-x: hidden;overflow-y: scroll;,每个li设置为float: left;。当一行中有太多的li要查看时,我希望它们溢出到下一行,但它会以直线连续到无穷大,从不进入下一行。 lis由JavaScript脚本生成。

以下是该页面的链接:http://hypotheticalmeraki.doubleohnine.com

编辑:在左下角,有一个向上箭头,当你点击它时,固定的div出现了。其中的图像均为li。

非常感谢

问题已修复 使ul具有固定的宽度(使其变得重要)并设置overflow-x: hidden;overflow-y: scroll;

2 个答案:

答案 0 :(得分:0)

试试这个

<div1> <- fixed, overflow
<div2> <- position relative
<ul><li>
</div2>
</div1>

答案 1 :(得分:0)

使用overflow: auto;代替overflow-x: hiddenoverflow-y: scroll