我有下面的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