Layout-3相关代码:3列布局代码演化三]

时间:2021-03-22 12:55:34
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.right,.left{height:300px;width:200px;}
.main{float:left;width:100%;background:#F60; height:300px;}
.left{float:left;background:#009933}
.right{ float:right;background:#000000;margin-left:-200px;}
</style>
</head>
<body>
<div class="main">
<div class="left">left</div>
MAIN</div>
<div class="right">RIGHT</div>
</body>
</html>