DIV+CSS三列式布局的实现方法
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" %>
<!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 runat="server">
<title>无标题页</title>
<style type="text/css">
* {
margin:0;
padding:0;
font-size:1em;
}
#header {
width:800px;
height:100px;
margin:0 auto;
}
#divall {
width:800px;
margin:0 auto;
background:#06f;
height:300px;
}
#footer {
width:800px;
height:60px;
margin:0 auto;
background:#999;
clear:both;
}
#sider_a{
width:200px;
float:left;
background:#f93;
}
#main{
float:left;
background:#dceafc;
margin-left:5px;
width:500px;
}
#sider_b{
float:right;
width:90px;
background:#ccc;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="header" >
sdfsdf</div>
<div id="divall">
<div id="sider_a" >
sdfsdf</div>
<div id="main">
sdf</div>
<div id="sider_b">
sdfsdf</div>
</div>
<div id="footer" >
sdfsdfsfsdf</div>
</form>
</body>
</html>
http://www.52css.com/article.asp?id=574
