2011-04-20 70 views
0

我有下面的div与CSS溢出滚动已发行

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden"> 
//content here 

</div> 

我的问题是,当我向右或向左滚动,DIV边界不appearing.So它看起来像 切割data.I试了很多方法,但没有运气。任何帮助表示赞赏。

感谢,

Chaitu

+0

你没有在div上设置边框,所以它不能出现。还有什么浏览器?溢出-x,y不总是被支持。 – easwee 2011-04-20 19:13:52

回答

0

设置填充您的div。像这样:

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;padding:5px;"> 
//content here 

</div> 

这将确保内部内容与div保持距离。

0

在您提供的代码中,您没有给出div的边框。 试着改变你的代码,这(加边框的CSS属性):

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;border:2px solid black"> 

    <!-- Content goes here --> 
</div> 

此外,像函数naveed说,尝试添加填充(padding:5px;为例),以保证您的内容仍然在div内不流过或者被裁剪掉。

+0

我试过这个,不工作,仍然没有出现border。如果我完全滚动到正确的位置,那么boder出现 – user569125 2011-04-20 19:34:27

+0

您使用的浏览器是什么? – Titus 2011-04-20 19:40:18

+0

您可能已经知道这一点,但请记住'overflow-x'和'overflow-y'是CSS3属性,并且不适用于所有浏览器。 – Titus 2011-04-20 19:45:56