<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>常用布局</title> <style type="text/css"> body {margin:0;padding:0;background:url("bg2.png") repeat-x;} p, h1 {margin:0;padding:0;text-align:center;} h1 {text-align:left;color:#FFFFFF;} #header {height:90px;background:url("bg.png") repeat-y center;margin:0 auto;display:table;width:100%;} #page {width:700px;height:500px;background:#2CDA4A;margin:0 auto;} #logo {width:700px;margin:0 auto;} </style> </head> <body> <div id="header"> <div id="logo"> <h1>头部内容</h1> </div> </div> <div id="page"> <p>这里是内容！</p> <p>这里是内容！</p> <p>这里是内容！</p> <p>这里是内容！</p> <p>这里是内容！</p> <p>这里是内容！</p> <p><-- 11 --></p> </div> </body> </html>