2011-04-20 113 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