<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> * { margin:0px; padding:0px; } #div_Boss { position:relative; width:100%; min-width:700px; height:670px; background-color:#00c5cd; } #div_Top { position:relative; width:100%; height:150px; text-align:center; } #biaoti { position:relative; top:50px; font-size:60px; font-family:微软雅黑; color:white; } #div_Main { position:relative; width:100%; height:450px; } #denglu { position:relative; width:450px; height:100%; background-color:white; margin:0 auto; } #div_Bottom { position:relative; width:100%; height:50px; text-align:center; } #diandi { position:relative; top:30px; font-size:15px; font-family:微软雅黑; color:white; } </style> </head> <body> <div id="div_Boss"> <div id="div_Top"> <span id="biaoti">岁月静好软件系统</span> </div> <div id="div_Main"> <div id="denglu"></div> </div> <div id="div_Bottom"> <span id="diandi">岁月静好 版权所有 666666666666666666</span> </div> </div> </body> </html>