收藏
批改状态：未批改
老师批语：
实例
<!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=utf-8" />
<title>经典三列布局之双飞翼</title>
<style>
div{ text-align:center;}
.header,.footer{ width:100%; height:60px; background:#999999; line-height:60px;}
.pagebody{ overflow:hidden; width:1000px; margin: auto;}
.wrap{ width:100%;float:left; background:#FF9966}
.wrap .main{ min-height:650px;}
.left,.right{ float:left; width:200px; min-height:650px;}
.left{ background:#00CC99; margin:0 -1000px}
.right{ background:#66FFFF; margin:0 -200px;}
</style>
</head>
<body>
<div class="header">
<div class="content">页头</div>
</div>
<div class="pagebody">
<div class="wrap">
<div class="main">中间</div>
</div>
<div class="left">左边</div>
<div class="right">右边</div>
</div>
<div class="footer">底部</div>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
