其实如果做表格，还是table更优越不过还是为你做了一个div+css表格希望对你有所帮助lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitional；前端代码div+css，就是现在一种网页设计的一种实现方式，通过div+css，可以现在对一些杂乱无章的图片和文字，进行排版和使用，从而实现了人们通常看到的漂亮的网页，具体看下代码lthead ltlink rel=quotstylesheetquot type=quot。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码divwidth 300pxheight 150pxborder 3px solid blue；css+div可以通俗的解释为如果把整个房间的地板比喻成一个网页的话，那ltdiv就是地板砖，一个个的排列起来，组成了这个网页而这 些div你要他怎样显示呢？就靠CSS来控制他的大小代码定义就是程序员用开发工具所支持的。

ltstyleltheadltbodyltdivltdivltdivltdivltbodylthtml 注意如果小div没有绝对定位或相对定位，且大div没有border，那么小div的margin实际上踹的是“流”，踹的是这“行”如果用margintop，大div整体。

lt！居中层ltdiv id=quotmainquot lt！顶层ltdiv id=quottopquotltdiv lt！导航层ltdiv id=quotmenuquotltdiv lt！内容外层ltdiv id=quotcontentquot lt！左ltdiv id=quotleftbarquotltdiv；假设文字下的背景宽度是500px，低层的背景是550px下面的代码就是ltbody style=quotbackgroundcolor背景颜色代码 margin0quot ltdivltimg src=quotimagesbg1jpgquotltdiv ltdiv style=quotwidth440px heightauto。

1 在桌面建立一个indexhtm的文件和maincss的文件，当然你也可以不用maincss的文件，但是为了方便操作，还是建一个吧只要把记事本另存为就可以了2 做好这两个文件后我们把网页的基础代码写上去，并使index文件受到；大概的结构如下ltdiv ltdiv class=“left”lt！左边盒子 ltul ltli条目1ltli ltli条目2ltli ltli条目3ltli ltul ltdiv ltdiv class=“middle”lt！左边盒子 ltul ltli。

ul，li，div，span，td padding0 margin0 #top width1200px height auto margin0 auto color#FFF #logo width100%；代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalEN lthtml xmlns= lthead ltmeta。

楼上的也太复杂了，什么都贴出来了页面 代码 ltdiv class=quotcontentquot ltdiv class=quotleftquotltdiv ltdiv class=quotmidquotltdiv ltdiv class=quotrightquotltdiv ltdiv css文件 content width800pxmagin0；3在testhtml文件内，分别给每一个div设置class属性，分别为wdiv，fldiv，frdiv4在css标签内，设置class为wdiv的div样式，定义其宽度为500px，高度为400px，背景颜色为灰色5在css标签内，再分别设置class为fldiv。

menu hover ul hover ul hover ul hover ul ul 是不是该这么写menuhover ulhover ulhover ulhover ul ul 如果是，那意思就是menuhover ulhover ulhover ulhover ul。

见以下代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotltheadltmeta；1CSS代码#wrapwhitespacenormal width200px 2DIV代码ltdiv ddd1111ltdiv可以实现文字自动换行在Microsoft Excel软件单元格中，如果文本过长，则超出列宽以外的文本将被隐藏。

首先，建议你一点，与其在上一个div里面用marginbottom不如在下一个div里面用margintop，因为marginbottom经常会失效，而你这样的布局可以这样写 ltstyle margin0pxpadding0px bodymargin0px auto blue；lta href=quotquot资讯lta lta href=quotquot产品中心lta ltdiv 基本结构这样就可以了menu中的background用图片代替即可该图片为上图背景左5px+右5px的合成，然后使用repeatx就没问题了中间竖线，也可以用图片。