<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.mtr{width: 503px;height: 402px;border: 10px solid grey;margin: 0 auto;}
.left{background-color: green;width: 200px;height: 402px;float:left;}
.right{width: 303px;float: right;}
.top{height: 80px;background-color: pink;}
.center div{height: 160px;width: 151.5px;float: left;}
.c_r{background-color: red;}
.c_l{background-color: blue;}
.bottom{height: 162px;width:303px;background-color: black;float: left;}
</style>
</head>
<body>
<div class="mtr">
<div class="left"></div>
<div class="right">
<div class="top"></div>
<div class="center">
<div class="c_l"></div>
<div class="c_r"></div>
</div>
<div class="bottom"></div>
</div>
</div>
</body>
</html>
1-4-1浮动代码实例
最新推荐文章于 2022-05-09 12:41:54 发布