1、头部 div id=#34centre#34 div id=#34centreLeft#34内容左div div id=#34centreRight#34内容右div div ！中间 div id=#34bottom#34底部div ！底部 body。

2、具体代码左浮动 floatleft右浮动 floatright三定位布局 1静态定位 positionstatic默认值，不写position相当于写上positionstatic以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了topl。

3、CSS *基本信息* body font12px Tahomabackground#CCCCCC*适用于页面整体字体及字体大小，页面页边距全部设置为0，文字对齐方式为居中，背景颜色* margin0padding0border0*全局设定，外边距。

4、#设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色#保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

5、正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE78以及Chrome等现代浏览器，代码如下我是头部 这里已经自适应到底部 我是底部 注IE6不支持，如想完美解决，请使用js动态获取页面高度，然后赋值给nav那个层。

6、首先，建议你一点，与其在上一个div里面用marginbottom不如在下一个div里面用margintop，因为marginbottom经常会失效，而你这样的布局可以这样写 ltstyle margin0pxpadding0px bodymargin0px auto blue。

7、这个是最基础需要掌握的哦，先买本书学学最好ltdiv ltdiv id=quotheadquot文字ltdiv ltdiv id=quotbarquot ltimg src=quot图片1quot ltimg src=quot图片2quot ltdiv ltdiv id=quotmainquot ltp文字ltp ltp文字ltp。

8、在浏览器上是粉色的，表示已经受到css样式表的控制了4 下面我们进行布局一般网页都是3层一级，所以我们需要div布局了在body里面写一般我会先分为3层 lthtml lthead lttitlelttitle ltlink href=quotmaincssquot type=quot。

9、这个很简单，如果你不想4号DIV被2号DIV挡住，可以使用clear属性啊，clear中的left，right，both，就可以实现，使4号放到1号DIV的下面。

10、尾区 ltdiv ltdiv style=quotwidth960px height173px bordersolid 1px #CCCCCC floatleftquot 尾招 ltdiv ltdiv ltbody lthtml 这就是一个网页的布局框架，内容就只需要自己去添加就可以了。

11、有时看别人代码一眼能看懂，自己却无从下手写起有时不能理解的技术知识与问题，怎么思考也想不明白等等本篇文章就给朋友们介绍一下各种常见的 div+css 布局方式和实践技巧DIV + CSS布局相关内容1 DIV+CSS布局。

12、lt！居中层ltdiv id=quotmainquot lt！顶层ltdiv id=quottopquotltdiv lt！导航层ltdiv id=quotmenuquotltdiv lt！内容外层ltdiv id=quotcontentquot lt！左ltdiv id=quotleftbarquotltdiv。

13、功能是要求有足够的经验来支撑的，必须分为几大部分，策划，制作，体验，完善，团队配合很重要，只有把握好大方向，才能做出更好的产品对于现在商业化模型的构建，必须有一套完善的市场运营理念和优秀的团队，才能更好的搭建。

14、class我是按照你上面的写的，css代码如下header，footerwidth100% height100px*高根据情况自己定，这里只看宽*mainpositionrelative *main是包含left和right的div*left width160px position。

15、Clear使用Float属性设置一行有多个DIV后多列，最好在下一行开始之前使用Clear属性清楚一下浮动，否则上面的布局会影响到下面实例讲解下面使用实例如果做一个简单又基本的布局，效果如下图代码lt！DOCTYPE html PUBLI。