css overflow scroll issue

I have below div with 开发者_如何学Go

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

</div>

My problem is when i scroll right or left ,div border is not appearing.So it's look like cutting the data.I tried so many ways but no luck .Any help appreciated.

Thanks,

Chaitu

---

Set padding to your div. Like this:

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

</div>

This will ensure the inside contents remain distant from the div.

---

In the code you provided, you aren't giving the div a border. Try changing your code to this (adding border CSS property):

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

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

Also, like Naveed said, try adding padding (padding:5px; for example) to guarantee that your content remains within the div and doesn't flow over or get clipped.