<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>TEST</title> <style type="text/css"> <!-- body,td,th { color: #ffffff; font-family: Verdana; font-size:9pt; } #layout{ background-color: #ff0000; width: 600px; height:90px; position:relative; } #left{ background-color: #999999; width: 100px; height:90px; float:left; } #right{ background-color: #888888; width: 100px; height:90px; float:right; } #center{ background-color: #cccccc; width: 100px; height:30px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-15px; } --> </style> </head> <body> <div id="layout"> <div id="left">左边</div> <div id="center">中间</div> <div id="right">右边</div> </body> </html>
原文：http://www.cnblogs.com/hwaggLee/p/4524121.html