Question

What keeps a div from extending horizontally past the edge of the screen when there are horizontal scroll bars?

The DIV’s content will overflow out to the left but not the DIV itself.

What can make the div go all the way to the right?

Thanks

Answer 1

For the div to expand out of the view pane you need it to have a width. If it doesn’t have a width then it takes the width of it’s container. When content is bigger than it’s container (the div or body, etc.) then it behaves according to overflow, the default being visible.

options are:

overflow: visible; overflow: hidden; overflow: auto; overflow: scroll; 

http://www.w3schools.com/Css/pr_pos_overflow.asp