css div 基础布局

<html> <head> <STYLE TYPE="text/css" MEDIA=screen> #header { MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 100%; HEIGHT: 60px; } #mainbox { MARGIN: 0px; WIDTH: 100%; BACKGROUND: #FFF; } #menu { FLOAT: right; MARGIN: 2px 0px 2px 0px; PADDING:0px 0px 0px 0px; WIDTH: 100%; BACKGROUND: #ccd2de; } #sidebar { FLOAT: left; MARGIN: 0px; PADDING: 0px; BACKGROUND: #F2F3F7; WIDTH: 20%; } #content { FLOAT: right; MARGIN: 0px; PADDING:0px; WIDTH: 80%; BACKGROUND: #E0EFDE; } #footer { CLEAR: both; MARGIN: 0px 0px 0px 0px; PADDING: 5px 0px 5px 0px; BACKGROUND: #ccd2de; HEIGHT: 40px; WIDTH: 100%; } </STYLE> </head> <body> <div id="header"> header </div> <div id="mainbox"> <div id="menu"> menu </div> <div id="sidebar"> sidebar<br> sidebar<br> sidebar<br> sidebar<br> </div> <div id="content"> content<br> content<br> content<br> content<br> content<br> content<br> </div> </div> <div id="footer"> </div> </body> <html>

你可能感兴趣的:(css,div,float,border,menu)