所谓三栏布局就是指页面分为左中右三部分然后对中间一部分做自适应的一种布局方式1绝对定位法HTML代码如下LeftMainRightCSS代码如下简单的进行CSS resetbody，html height100% padding 0px margin0px左右绝对定位left，right position absolute top0px background red。

1首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称2打开Dreamweaver CS5，点击新建HTML3根据设定的网页布局，设置div网页结构4添加div标签的class名称，这里也可以使用ID类名5 编辑CSS控制div块的宽高和背景6 这样就可以让子元素置于底部。

实现CSS中固定的页脚布局，推荐使用以下代码步骤首先，确保HTML和body元素具有100%的高度，同时清除所有元素的margin和padding这将帮助浏览器识别元素的完整高度代码示例 margin 0 padding 0 html， body height 100% 接着，为了让布局适应高度，通常需要添加minheight 100%属。

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

要给力 lt！d hihi width300px。

1 在桌面建立一个indexhtm的文件和maincss的文件，当然你也可以不用maincss的文件，但是为了方便操作，还是建一个吧只要把记事本另存为就可以了2 做好这两个文件后我们把网页的基础代码写上去，并使index文件受到maincss的控制，我们右键选择用记事本打开index文件输入代码，并在head里写上使。

margin0px autopadding0px是全局没有边距，紧贴布局还有就是为了兼容各个浏览器网页整体颜色为黑色，没有下划线，文字大小是12像素图片没有边框alink，avisited，ahovertextdecorationcolor#000000可以这样简写，要尽量减少代码量，还有要按照alink，avisited，ahover，a。

为了布局，我们可以通过设置边框和背景色来帮助我们更直观地进行布局例如border1px solid #000这是把边框显示出来，方便我们布局背景色设置为backgroundcolor#EEE这是背景色设置，#EEE为颜色值，这有助于我们区分不同的区域div的设置属性有很多，如字体居中和设置边距等这些属性可以。

2使用STYLE属性将STYLE属性直接加在个别的元件标签里3如果你会htmlcss可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件4选择“div标签”命令打开dreamweaver，新建网页并保存为“diehtml”，选择插入布局对象div标签命令，打开“div标签”对话框5栅格与响应。

在css+div网页布局中怎么实现一行文字的宽度和高度固定 代码意思width设置DIV的宽度强制100pxoverflow设置当文字超出DIV宽度时隐藏whitespace设置文字在一行，强制不换行它还有其它属性自己百度。