标签：body web 10000 color 100% height width background 34
初级布局的学习，基础知道了。后面现实中，才能随需应变的去设计，写入代码。否则，基础不会，后面的一切写起来，必定会感觉到极其的困难！可能那些在别人看来，很简单，容易的代码。到您这里，就变得无比艰难的样子。所以，这是写代码，与其他行业的不同之处吧。 是一个积累的过程。
知识积累创造价值，但是想要价值大，那仅仅这些基础还是完全不够的，需要串联起来，才是大师傅呢！ 否则，这点技术只能过活，想发展？ 必须继续持续高强度的投入技术研发工作，才能创造大的价值！ 否则，必然也是平庸的上班族而已。 非常现实的事情，。
<!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>
效果：
标签：body,web,10000,color,100%,height,width,background,34 来源： https://www.cnblogs.com/zhuiqiuzhuoyueyouminxing/p/15578115.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。