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

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

四个框设置宽高，floatleft border1px solid #cccborderright最后一个框就不用加borderright了 框里面蓝色的位置可以是div imgfloatleft pfloatright 设置一个clearboth 下面的可以是一。

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

tablecell也可以理解为inlineblock水平水平，其身上的verticalalign属性才会起作用3 DIV+CSS布局中自适应高度的解决方法要从固定的基于像素的设计方法转到弹性的相对的设计方法并不容易。

lt！doctype htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDemolttitleltstyle*margin0border0padding0xstagemarginautowidth800pxxboxopacity07fontsize0position。

在前端代码中，通常使用div+css来布局用户页面通过这种组合方式，可以将网页的内容与样式分离，提高了前端开发的速度下面就来使用div+css来实现两种导航栏的编写吧1导航栏一ltdiv id=#39menu#39 lta href=quot#quot链接。

简单谢了一个，主要涉及一个浮动，一个hover的隐藏，显示，不是很复杂，可以自己尝试写下，以下代码仅供参考 lt！DOCTYPE htmllthtml lthead ltstyle divmenubar margin0 auto width 1024px。

一选择“div标签”命令 打开dreamweaver，新建网页并保存为“diehtml”，选择插入布局对象div标签命令，打开“div标签”对话框二输入div标签名称 1在“ID”列表框中选择“top”2单击“新建css规则”。