DIVCSS网页布局的6个简单步骤.doc

DIV+CSS网页布局的6个简单步骤 DIV+CSS是目前网站制作的布局方法，有别于传统的table布局，它的击败了table，成功实现了页面与布局相分离，简化网页设计源码，使得网站所站空间小、加载速度更快。 DIV+CSS网页建设顶部部分，其中包括了LOGO、MENU和一幅Banner图片;　　根据以上，定义div的结构　　│body {}　/*这是一个HTML元素*/ 　　└#Container {}　/*页面层容器*/ 　　├#Header {}　/*页面头部*/ 　　├#MianBody {}　/*页面主体*/ 　　│　├#mainbody-left {}　/*主体页面左边*/ 　　│　└#mainbody-center {}　/*主体页面中间*/ 　　│　└#MainBody -right{}　/*主体页面右边*/ 　　└#footer {}　/*页面底部*/ 用DIV+CSS做一个导航栏是非常容易的，而且我们可以通过css来对导航栏的样式方便的作出调整。用div设置导航栏一般就用 高度显示效果height: 100px和_height: 100px（使用于IE6）。 5、嵌套Div能击败表格，当然少不了它的能更表格相媲美的嵌套功能了，注意，如果你想在div中加入一些图片的话，记住，图片的高度如果大于div高度的话，在IE6中则默认为是无效的，因此为了更好的让浏览器兼容就要在该css添加overflow属性，overloaw:hidden,就可以轻松隐藏超出边界的部分