用DIV+CSS实现国内经典式三行两列布局
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %>
<!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;
height:90px;
}
#header {
width:800px;
margin:0 auto;
}
#containe {
width:800px;
margin:0 auto;
height:300px;
}
#sidebar {
width:254px;
float:left;
height:300px;
}
#main {
float:right;
width:540px;
height:300px;
}
#footer {
width:800px;
height:60px;
margin:0 auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="header">
sdfsdfsdf</div>
<div id="containe" >
<div id="sidebar" >
sdfsdfsdfsdfsdfsdf</div>
<div id="main">
sdfsdfsdfsdfsdfdfssdfsdf</div>
</div>
<div id="footer">
sdfsdfsdfsdf</div>
</form>
</body>
</html>
http://www.52css.com/article.asp?id=518
