收藏
批改状态：合格
老师批语：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.header,.footer{ width: 100%; height: 60px; background: seagreen;}
.content{ width: 1000px; min-height: 100%; background:tan; margin: auto; text-align: center;line-height: 60px;}
.container{ width: 100%; height: 500px; background: gray; position: relative;}
.main{ width: 600px; float: left; min-height: 500px; background: aqua; position: absolute;left: 50%;margin-left:-300px ;}
.left{ width: 200px; float: left;min-height: 500px; background:gold; position: absolute;left: 50%;margin-left:-500px ;}
.right{ width: 200px; float: left;min-height: 500px;background: navajowhite;position: absolute;left: 50%;margin-left:300px ;}
</style>
</head>
<body>
<div class="header">
<div class="content">头部</div></div>
<div class="container">
<div class="left">左边</div>
<div class="main">中间</div>
<div class="right">右边</div>
</div>
<div class="footer">
<div class="content">底部</div>
</div>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
