width:100%; overflow: auto; /* or overflow-y:auto or scroll */
works fine in all browsers but Google's Chrome. It is my understanding that this is a bug, however, I can开发者_如何学编程not find any workaround. The demo is available here:
http://anuary.com/#!/home
Screenshot (FF & Google Chrome):
Remove the margin-left on #body.
Chrome does have some problems with margins and floated elements, but this fix doesn't appear to harm your layout.
Fixed ! Remove the margin-left from the #body styles.
position: relative;
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
background: cyan;
精彩评论