但是在表格中就不能在单元格的外面加标签例如lttable lttrltlilttdlttdltlilttdlttd lttr lttrlttdlttdlttdlttdlttr lttable 这样就不可以 ，因为tr td table 是一个整体的 tr表示行 td单元格因为table 是一个整体div只能加在table的外面或者是td的里面；不过要用li，就必须有ul或者ol，是配套使用的，由ul+li组成的叫列表至于div就比较灵活了，用在任何地方他都代表一个块的概念举列一个div内有一个列表，列表的第一列再嵌套一个列表，代码关系是ltdiv ltul ltli列表的第一列ltli ltul ltli子列表的第一列ltli ltli子列表的第。

1 使用setAttribute方法divsetAttribute#39class#39，#39你要添加的样式CLASS名#392 直接设置className属性divclassName=#39class名#39这两种方法都可以有效地为HTML元素添加或修改CSS类，进而影响元素的外观选择哪一种方法取决于你的具体需求和个人偏好值得注意的是，这种方法仅能动态地为DOM元素添加类；调用，可以多个地方调用， div 命名了ID的话 css 里面用 # 用 id=“xx” 调用，一个页面 只能有唯一 一个id ，class 类可以有很多个比如 ltdiv id=#39menu#39ltdiv css里面就要 写 #menustyle 如果是 ltdiv class=quotmenuquotltdiv css里面就要 写 menustyle。

第一种方法数值计算，使用paddingleft和paddingright计算 让这两个值相等 另一种抛弃div使用table lttd的 align属性 这样能做到夸浏览器，兼容性更好div 目前没有很好的办法做到平行和垂直剧中，除非是文字用css也能做到，但是需要考虑不同浏览器；能，ltlilta href=quot#quot文字lta ltdiv class=quotquotltdiv ltli。

这只是个编码习惯，一般在标签嵌套的时候，加一个tab制表符4个空格比如你例子中的ltdiv id=quotnavquotltdivltulltli 一般写成 ltdiv id=quotnavquot ltdiv ltul ltli ltli ltul 如果这个ul在div中则写成 ltdiv id=quotnavquot ltul ltli ltli ltul ltdiv；刚刚试了一下你的代码，结果是不是和上面图片上这个一样的首先代码不建议这样写，代码不规范后面很容易报错的，你的ul标签没有结尾因为整个LI都是超链接，那里面的内容就不可能会被点击到，所以只能做JS跳转具体代码可以上网查询。

ul，ol 一个是无序列表，一个是有序列表这2个你百度一下就有很多说明的标准的写法，LI是不能直接写在ltdiv 或者别的标签下；3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现4，使用position进行绝对定位，然后使用marginleft删除第一个小div的宽度5，使用表格框并排实现div，这是相同的宽度6，如图所示，这是上面三种方法运行后的结果，可以看到两个大DIV嵌套在一个大DIV中。

另一种方法是将div设置为行内块级元素，这样它们也可以在一行中并排显示，同时保持一定的内边距和边框具体来说，可以使用CSS的display属性来实现这一点例如，对于行内元素，可以将display属性设置为inline而对于行内块级元素，可以设置为inlineblock以下是一个简单的示例代码片段，演示如何将两个d。

一般菜单会用ul li做，如果你用div势必要对每个div加item的class菜单项li定义宽高，然后floatleft对ul清浮动，加宽度加overflownhidden，这样任何浏览器都1样了；ltdiv ltdiv ltdiv class=quotcontontquot内容ltdiv ltdiv ltdiv ltdiv 一般情况下是会设置一个类名来进行设置样式的，像这样可以通过子代选择器来设置，例如boxdivdivdivcolor#f00 但是假如最里层有多个div那也会被设置当前样式，所以这样虽然可以设置到，但是不合理通过后代。

对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示加float浮动实现多个div并排显示这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动避免其它不需要设置的也被加入浮动；第一种方法浮动 floatleftoverflowhidden第二种方法绝对定位 positionabsolute overflowhidden 并且设置第二个left50px 第三个100px，依次类推。

positionrelative去掉，container floatleft middle floatleft width400px margin0 6px另外middle拼写错误。