列表菜单和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
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
- SD card
- Data security
- Remote Location
- Remote lock
- Context Task
然后给ul定个width,li定个width,然后float:left,就会自动向下铺了