用div+css的ulli结合script脚本实现下拉列表菜单，全部代码如下，复制在DW中预览即可看到效果，细节样式可以自行修改lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot；首先，建议你一点，与其在上一个div里面用marginbottom不如在下一个div里面用margintop，因为marginbottom经常会失效，而你这样的布局可以这样写 ltstyle margin0pxpadding0px bodymargin0px auto blue；* moztransition 5s easeinout*这里为了兼容其他浏览器* otransition 5s easeinoutbackgroundimage urlquotship_threeimagestlpngquot 可以，没问题CSS代码就是上面的；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码submargintop 30px3浏览器运行indexhtml页面，此时3个div子子容器的垂直间距被统一设置为了30px；ltdiv class=quotdiv1quot ltdiv class=quotdiv2quotltdiv ltdiv CSS 样式代码ltstyle type=quottextcssquot div1textaligncenterwidth100% div2width980pxbackgroundred 为了看清效果，加了背景颜色；在前端代码中，通常使用div+css来布局用户页面通过这种组合方式，可以将网页的内容与样式分离，提高了前端开发的速度下面就来使用div+css来实现两种导航栏的编写吧1导航栏一ltdiv id=#39menu#39 lta href=quot#quot链接；lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle水平+垂直居中lttitleltstyle type=quottextcssquotdiv fontfamily quotmicrosoft yaheiquotborder 5px solid #cce800container width 600pxpadding；代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalEN lthtml xmlns= lthead ltmeta。

1首先新建html文档，进入代码书写界面2在lthead和ltbody的里面写入代码，在ltdiv里面写入想要输入的内容ltdiv3书写外层轨道css代码bodywebkitscrollbar width20px height2px background#ccc；menu hover ul hover ul hover ul hover ul ul 是不是该这么写menuhover ulhover ulhover ulhover ul ul 如果是，那意思就是menuhover ulhover ulhover ulhover ul；前端代码div+css，就是现在一种网页设计的一种实现方式，通过div+css，可以现在对一些杂乱无章的图片和文字，进行排版和使用，从而实现了人们通常看到的漂亮的网页，具体看下代码lthead ltlink rel=quotstylesheetquot type=quottex。

ltdiv id=quotlanPosquotltdiv ltul 3书写css代码ltstyle html， body， div， span， object， iframe， h1， h2， h3， h4， h5， h6， p， blockquote， pre， abbr， address， cite， code， del， dfn， em， img；假设文字下的背景宽度是500px，低层的背景是550px下面的代码就是ltbody style=quotbackgroundcolor背景颜色代码 margin0quot ltdivltimg src=quotimagesbg1jpgquotltdiv ltdiv style=quotwidth440px heightauto；条件这个时候对“body”设置css内容居中样式textaligncenter即CSS代码bodytextaligncenter 设置这个时候对“#divcss5”设置居中必备样式css margin 即CSS代码divcss5margin0 auto；1页面大的时候它也变大但是大到它本身的尺寸的时候，再扩大页面它就不大了设置最大宽高为图片的宽高~代码如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot style=quot。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码div marginleft 100px borderright1px dashed black；background #BBE8F2 B height 100% background #D9C666 ltdiv class=quotmotherquot ltdiv class=quotAquot头部DIVltdiv ltdiv class=quotBquot下部DIVltdiv ltdiv 代码效果 你可以看下效果，望采纳。