CSS проблема переполнения прокрутки

Question

У меня есть ниже DIV с

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

</div> 

Моя проблема когда я прокрутки вправо или влево, отд граница не appearing.So это выглядеть резки data.I пытался так много способов, но не повезло. Любая помощь оценивается.

Спасибо,

Chaitu

Answer 1

Установить заполнение для вашего Див. Например:

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

</div> 

Это гарантирует, что внутреннее содержимое остается далеким от div.

Answer 2

В коде, который вы указали, вы не дадите границе div. Попробуйте изменить код этого (добавление границы CSS собственности):

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

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

Кроме того, как сказал Навид, попробуйте добавить отступы (padding:5px;, например), чтобы гарантировать, что содержимое остается в пределах DIV и не перетекать или обрезать.