div布局

最新推荐文章于 2021-12-24 19:52:32 发布

iteye_14031

最新推荐文章于 2021-12-24 19:52:32 发布

阅读量127

点赞数

分类专栏： web前端文章标签： div布局

本文链接：https://blog.csdn.net/iteye_14031/article/details/82615361

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>布局</title>
<style type="text/css">
   body{
         margin:0px;
   }
   div#container{
     width:100%;
     height:950px;
     background-color:darkgray;
   }
   div#heading{
     width:100%;
     height:10%;
     background-color:aqua;
   }
   div#content_menu{
     width:30%;
     height:80%;
     background-color:red;
   float:left; 
   }
    div#content_body{
     width:70%;
     height:80%;
     background-color:blue;
            float:left; 
   }
   div#footing{
     width:100%;
     height:10%;
     background-color:black;
     clear:both;
   }
</style>
</head>
<body>
<div id="container">
     <div id="heading">头部</div>
     <div id="content_menu">菜单</div>
     <div id="content_body">正文</div>
     <div id="footing">底部</div>
</div>
</body>
</html>