div简单布局网站首页

来源：互联网发布：私人网络日记本哪个好编辑：程序博客网时间：2024/04/29 10:37

<!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>div简单布局网站首页</title></head><style>/* CSS Document */#pagecontain {width:760px;background-color:#FFFFFF;text-align:center;position: relative; left: 25%; top: 0px;}#top{height:37px;background-color:green;}#head{height:100px;background-color:blue;}#left{margin-right:270px;background-color:#9900FF;height:400px;}#right{float:right;width:270px;height:400px;background-color:#FF0000;}#bottom{height:50PX;clear:both;background-color:#FFFF00;}</style><body><div id="pagecontain"><div id="top">top</div><div id="head">head</div><div id="right"><h1>right</h1></div><div id="left">left</div><div id="bottom">bottom</div></div></body></html>