I want the header to be of fixed height, and the content to fill up all the remaining height available on the screen, with overflow-y scroll.splash screen with css height 100 not work. I have splash screen like this. I am unable to set it that the menu column (Left) and the content column (Right) does not overflow the main container (MainContainer).CSS html,body height:100 margin:0 padding:0 text-align:center background-color:006600 body color:333333 font-family:Verdana, Arial, Helvetica Good stuff but I want to mention overflow-x and overflow-y CSS properties.Anybody knows whats the problem. .chat-holder padding: 20px 10px height: 100 overflow: hidden overflow-y: auto -webkit-overflow-scrolling: touch I know how to ensure that the HTML body vertically stretches/shrinks to 100 height of the browser viewport (by having 100 height in the body andMy CSS works in IE and Mozilla but not Netscape or Opera I have a 2 column website, built with 2 relative position DIVs, with overflow set to auto. Home. Computers Internet html - Why CSS height 100 overflow parent?Why is the red element bigger than its parent when its CSS clearly says height: 100? So both Center Content and Flow have a height of 100 and overflow: auto IE treats the page great. Firefox doesnt ever get the internal scrollbar.Remove left3 (and its inner) from the html and then use this css. The CSS overflow property specifies whether to clip content or to add scrollbars when the content of an element is too big to fit in a specified area.