记兄弟连上学的一布局，右边的div在左边的div上面

熙蚨

于 2017-07-18 11:48:58 发布

阅读量217

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/ganlian666/article/details/75287695

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>layout</title>
<style type="text/css">
   .header{height:60px;width:100%;background-color:#ff0000;}
   .main-container{float:left;height:100%;width:100%;}
   .left{float:left;width:20%;height:600px;background-color:#00ff00;color:#ffffff;}
   .right{float:right;width:80%; height:600px;background-color:#0000ff;color:#ffffff;}
</style>
</head>
<body>
   <div class="header"></div>
   <div class ="main-container">
   <div class="right">右边</div>
   <div class="left">左边</div>
</div>
</body>

</html>