我有下面的div与CSS溢出滚动已发行
<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden">
//content here
</div>
我的问题是,当我向右或向左滚动,DIV边界不appearing.So它看起来像 切割data.I试了很多方法,但没有运气。任何帮助表示赞赏。
感谢,
Chaitu
我有下面的div与CSS溢出滚动已发行
<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden">
//content here
</div>
我的问题是,当我向右或向左滚动,DIV边界不appearing.So它看起来像 切割data.I试了很多方法,但没有运气。任何帮助表示赞赏。
感谢,
Chaitu
设置填充您的div。像这样:
<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;padding:5px;">
//content here
</div>
这将确保内部内容与div保持距离。
在您提供的代码中,您没有给出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内不流过或者被裁剪掉。
我试过这个,不工作,仍然没有出现border。如果我完全滚动到正确的位置,那么boder出现 – user569125 2011-04-20 19:34:27
您使用的浏览器是什么? – Titus 2011-04-20 19:40:18
您可能已经知道这一点,但请记住'overflow-x'和'overflow-y'是CSS3属性,并且不适用于所有浏览器。 – Titus 2011-04-20 19:45:56
你没有在div上设置边框,所以它不能出现。还有什么浏览器?溢出-x,y不总是被支持。 – easwee 2011-04-20 19:13:52