1.在开发中被一个inlin-block难到了，发现一个博主的关于web前端知识帮助很多，特此贴到这。
CSS float浮动的深入研究、详解及拓展(一)
CSS float浮动的深入研究、详解及拓展(二)
css行高line-height的一些深入理解及应用
基于display:inline-block的列表布局
2.css中父div与子div不在一个容器内
问题：子div显示不出父div的背景颜色。
原因：父div与子div不在一个容器内。
<html>
<head>
</head>
<body>
<div style="600px;height:aoto;">
<div style="float:left;65%;">111</div>
<div style="float:right;30%;>222</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
3.flex布局
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。