2010-05-13 176 views
1

我有一个在垂直行(超过200)有很多listitems的div。根据屏幕分辨率的不同,容器div应调整大小以适应屏幕,并创建垂直滚动条和水平滚动条以进行侧滚动 - 但是,使用溢出:自动或甚至溢出:滚动列表项不剪切以适应容器div,并且不添加水平滚动条。所以我有一个大约700px宽的容器和大约1000px宽的listitems,这些列表项目悬挂在容器边缘(右侧)300px。 ?我能做些什么来解决这个问题。这里是我的容器CSS ...CSS div溢出属性问题

#report-box #report-text{ 
    position:relative; 
    height:96%; 
    width:1200px; 
    overflow:auto; 
    font-size:12px; 
    color:#000; 
    margin:0px 0 0 0; 
    } 

我listItems中在我的HTML的样式如下:

 <li class='_1' style='width:100%; float:left; position:relative;'>SOMEDATA</li> 
+0

我需要更多关于如何渲染这些元素的信息。他们是在块还是在线标签?他们只是混在一起吗?他们的造型是什么? – DexterW 2010-05-13 18:30:30

+0

@Greelmo - 你的权利,我忘了那一部分 - 我现在已经将它添加到我的OP ..谢谢 – sadmicrowave 2010-05-13 18:34:52

+1

你有一个演示页面,你可以链接到?也许使用像http://jsbin.com这样的东西,以便我们可以看到呈现的页面,并且如果不是解决方案,也许会提出解决方法? – 2010-05-13 19:12:43

回答

0

我不确定问题是什么,但不是强迫它工作,而是在原始容器内部创建了一个额外的容器,并指定了溢出:auto以及现在正在工作。

0

你或许可以设置最高 - 在容器上的高度。