一个简单的css+div布局实例，让你很明了的了解怎么布局！

一个简单的css+div布局实例，让你很明了的了解怎么布局！

分析它的结构，有以下几个部分：黑色的头部，蓝色的主体，拆分成红色的变蓝，和右边的导航及主体部分，最下面的黄色是底部，结构相当简单，现在开始写它的css了，
定义最上面的黑色为header： ??<div id="mainbox"> ??<div id="sidebar"> ??</div> ??<div id="menu">4323434</div> ??<div id="content"> ????<div align="left"><img src="200832420432288343.jpg" alt="一个简单的css+div布局实例，让你很明了的了解如何布局" width="502" height="361"></div> ??</div> </div> <div id="footer">这里是foot部分，放置版权啥的</div> </BODY>
刷新发现，是如图效果，但是，所有的div都是靠左边，怎么才能居中呢？？原因是我们没有定义body里元素的位置，所以css里加上： ??<div id="mainbox"> ??<div id="sidebar"> ??</div> ??<div id="menu">4323434</div> ??<div id="content"> ????<div align="left"><img src="200832420432288343.jpg" alt="一个简单的css+div布局实例，让你很明了的了解如何布局" width="502" height="361"></div> ??</div> </div> <div id="footer">这里是foot部分，放置版权啥的</div> </BODY> </HTML>
更多div+css布局，可以来http://www.cndorm.com/html/117/这里交流