css实现两个div并排显示

来源:互联网 发布:linux traceroute没有 编辑:程序博客网 时间:2024/05/18 04:52
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    .container{
      position:relative;  
    }
    #left{
       float:left;
       width:20%;
       height:800px;
       background:red;
    }
    #right{
       float:left;
       width:80%;
       height:800px;
       background:blue;
    }
</style>
<body>
<div class='container'>
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>
0 0