34-10000 web入门 HTML5布局 （div标签使用）持续高强度的投入技术研发工作，才能创造大的价值！
初级布局的学习，基础知道了。后面现实中，才能随需应变的去设计，写入代码。否则，基础不会，后面的一切写起来，必定会感觉到极其的困难！可能那些在别人看来，很简单，容易的代码。到您这里，就变得无比艰难的样子。所以，这是写代码，与其他行业的不同之处吧。 是一个积累的过程。
知识积累创造价值，但是想要价值大，那仅仅这些基础还是完全不够的，需要串联起来，才是大师傅呢！ 否则，这点技术只能过活，想发展？ 必须继续持续高强度的投入技术研发工作，才能创造大的价值！ 否则，必然也是平庸的上班族而已。 非常现实的事情，。
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>布局入门title>
<style type="text/css">
body{
margin: 0px;
}
#container{
width: 100%;
height: 950px;
background-color: royalblue;
}
#heading{
width: 100%;
height: 10%;
background-color: rgb(120, 194, 35);
}
#content_menu{
width: 30%;
height: 80%;
background-color: springgreen;
/* 加入浮动 */
float: left;
}
#_body{
width: 70%;
height: 80%;
background-color: teal;
float: left;
}
#footing{
width: 100%;
height: 10%;
background-color: yellow;
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>
效果：