.top{width:100%;height:100px;background:gray;}
.main{height:600px; width:100%; background:red;}
.left{ width:200px;background:blue;height:600px;}
.right{ width:100%;height:600px;background:green;margin-left:210px;position:absolute;}
.foot{width:100%;height:50px; background:#f63;}
.main{height:600px; width:100%; background:red;}
.left{ width:200px;background:blue;height:600px;}
.right{ width:100%;height:600px;background:green;margin-left:210px;position:absolute;}
.foot{width:100%;height:50px; background:#f63;}
.top{height:100px;width:100%;background:#999}
.main{height:600px;background:red;}
.left{width:30%;height:600px;float:left;background:blue;}
.right{width:67%;height:600px;float:right;background:yellow;}
.foot{height:100px;background:#F93}
</style>
</head>
.main{height:600px;background:red;}
.left{width:30%;height:600px;float:left;background:blue;}
.right{width:67%;height:600px;float:right;background:yellow;}
.foot{height:100px;background:#F93}
</style>
</head>
.top{height:100px;background:#ccc;}
.main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;margin-top:-500px;}
.right{margin-left:210px;height:500px;background:#9c9;}
.foot{height:100px;background:#f63;}
我的不知道为什么.left要加一句:;margin-top:-500px;才能和右边的排在一列
.main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;margin-top:-500px;}
.right{margin-left:210px;height:500px;background:#9c9;}
.foot{height:100px;background:#f63;}
我的不知道为什么.left要加一句:;margin-top:-500px;才能和右边的排在一列
.top{ width:100%;height:80px; background:gray;}
.main{ width:100%; height:300px; background:red;}
.right{ width:100%; height:300px; background:green; margin-left:210px;}
.left{ width:200px; height:300px; background:blue; position:absolute; top:80px;}
.foot{ width:100%; height:50px; background:#369;}
.main{ width:100%; height:300px; background:red;}
.right{ width:100%; height:300px; background:green; margin-left:210px;}
.left{ width:200px; height:300px; background:blue; position:absolute; top:80px;}
.foot{ width:100%; height:50px; background:#369;}