直接使用5个块即可
<div>顶部的</div><div>第二排第一个，左浮动</div>
<div>第二排第二个，右浮动</div>
<div>第三排第一个，左浮动</div>
<div>第三排第二个，右浮动</div>
css只有编辑样式的能力，并不具备你说可以实现把html里面的页面分割成模板块或者模板块页面。现在目前web前端方面能实现这种功能的多数都是js框架，如：angularjs，react.
然而你想知道他的原理首先你除了有js深厚的基础，还要明确得懂的MVC的概念，并且熟悉框架的路由规则。
这个很简单呐<div id="1"></div>
<div id="bottom">
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
</div>
把1和bottom设置一样的样式除了高不同，234就由bottom的宽度平均分或者随意分，但是要注意的是如果你要加边框那加了多少像素的边框就要减去相对应的div宽高，希望能帮到你
