Page Layout Sample Div Based

/*Reset CSS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,

big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,

td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,

time, mark, audio, video {margin: 0; padding: 0; border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after{ content: ''; content: none; }

table {border-collapse: collapse; border-spacing: 0;}

/*Our custom css for this page*/

#container {width:760px;margin:0 auto;}

#head { display:block; width:100%; margin:10px 0; clear:both; height:35px;}

.subhead1 { width:38%; margin-right:2%; height:35px; background-color:#3CF; float:left; }

.subhead2 { width:13%; height:35px; background-color:#3CF; float:left; margin:0 0% 0 2%; }

.content { min-height:100px; clear:both; width:100%; background-color: #3CF; margin-top:20px; text-align:center; font-size:30px; padding-top:100px; }

#footer { height:35px; background-color:#3CF; margin-top:25px; }

2015-04-03 07:32:26

+0

只需将代码粘贴到文件中并另存为.html，然后运行该页面。 –

2015-04-03 07:33:37