div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率步骤阅读 方法步骤 01 div 所谓ltdiv标签我们可以理解为一个盒子例如ltdiv class=quottopquot#160#160 style=#39border1px solid #000backgroundcolor#EEE#39这里是Topltdiv 02 border1px solid #000这是把边框。

css三栏式布局右边的div掉下去了中间那个没设置浮动，这个也要设置浮动，设置左浮动然后再三个div后添加divstyle=clearbothdiv清除浮动，这样父级高度就会自适应写这么多代码干嘛，你直接用一个大的div套住所有的小div，然后给大div设置一个宽度，那样的话不管怎么改变浏览器的大小，大DIV里面的。

1 固定宽度布局 实现方式设置元素css样式margin0 auto，使元素在父元素宽度下水平居中示例代码HTMLCSS图片展示 特点元素宽度固定，使用margin属性实现居中2 自适应宽度布局 布局思路固定宽度+浮动与定位布局流程1设左右列宽度，左浮动2中间栏设左右边距等于左右列宽度。

具体代码左浮动 floatleft右浮动 floatright三定位布局 1静态定位 positionstatic默认值，不写position相当于写上positionstatic以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了topleft等也不起作用2相对定位 相对定位是相对于自身的原始位置进行平移，如果设。

可以通过js实现两个div自适应同等高度，如下先设置div+css 基本布局ltdiv id=quotmmquot ltdiv id=quotmm1quot左边ltdiv ltdiv id=quotmm2quot右边ltdiv ltdiv js 实现 div 自适应高度 代码如下ltscript type=quottextjavascriptquot lt！ windowonload=windowonresize=funct if。

首先我不给div定位来看看两个div在浏览器中是如何显示的，具体的代码如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bordercolorred borderwidth10px backgroundcoloryellow div2 height100px。

div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率步骤阅读方法步骤01div所谓div标签我们可以理解为一个盒子DIV就像一个大的段落，比如说你在FrontPage时用表格进行排版，现在不需要表格只需要div，用divdiv来规定你要进行排版的地方还可以加上class，就是divclass=，这样可以在CSS。

这个XHTML1标准的DIV+CSS布局是著名网页设计师2004年发布在网页设计师上的，一个非常经典的布局，在IEMozilla和Opera浏览器中均可以实现居中和高度自适应完整代码如下在原代码的基础上作了一定规范整理lthtml lthead ltmeta。