石周明

CSS部分： ul{ margin:0; padding:0; list-style:none; } li{    float:left;    width:160px;    margin-left:1px;    } ul li a{    display:block;    font-size:12px;    border:1px solid #CCC;    padding:3px;    text-decoration:none;    color:#777;    text-align:center;    } ul li a:hover{    background-color:#0099CC;    color:#FFFFFF;    } li ul{    display:none;    } li:hover ul,li.over ul{    [...]

关键问题是设置UL的 padding:2px; LI的margin:-1px 0 0 -1px; 可以试试

偷下懒，css就不单独写出来了··· <div style="position:absolute; left:0; top:0;width:200px; height:400px; background:#ccc;">asd</div> <div style="background:#f60; margin:0 300px 0 200px; height:200px;"></div> <div style="position:absolute; right:0; top:0;width:300px; height:400px; background:#000;"></div>

js部分： <script type="text/javascript"> function showdiv(){ var links = document.getElementsByTagName("a")[0]; var ndiv = document.getElementById("show");    if (ndiv.style.display == "none"){     ndiv.style.display = "block";     }    else{     ndiv.style.display = "none"; } } </script> HTML部分： <div> <a onclick="showdiv()" href="#">点击显示,再次点击隐藏</a> <div id="show" style="display:none;">我想这个可以随时打开或隐藏</div> </div>

table{ border-collapse:collapse;} td{ border:1px solid #000;}