列表菜单和div层叠加了,怎么解决?哪位帮忙下!

列表菜单和div层叠加了,怎么解决?哪位帮忙下! :arrow: 谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 body{ font-size:12px;font-family:Arial;} .nuv_left{width:201px; height:28px;margin:2px 0 0 0;padding:0;background: #0099CC;text-align:center; cursor:pointer;line-height:28px; font-size:12px;color:#000;} .nuv_left:hover{color:#FF0000; background: #339999;} .nuv_left ul{width:201px;margin:0;padding:0; list-style:none; display:block} .nuv_left ul li{width:201px;background:#0099CC;text-align:center; cursor:pointer;line-height:28px; font-size:12px;color:#000;padding:0;margin:2px 0 0 0;} .nuv_left ul li:hover{ color:.FF0000; background:#339999;}


Contact

SMS

Call log

Application



  • Music

  • Picture

  • Vclasseo



SD card

Data security

Remote Location

Remote lock

Context Task



:arrow: :arrow:

.nuv_left ul 加上margin-left: 204px; 相对于右边204px(留点间隙) 因为你div宽201

加一个class,是为了消除div之间的影响 的

.clr { height:0; font-size:0; clear:both; visibility:Hidden; overflow:hidden; }
这个class

建议这么多div还是改成ul li比较好.

  • Contact
  • SMS
  • Call log
  • Application
    • Music
    • Picture
    • Vclasseo
  • SD card
  • Data security
  • Remote Location
  • Remote lock
  • Context Task

然后给ul定个width,li定个width,然后float:left,就会自动向下铺了