这几天一直在纠结一个问题  尽管没有什么影响 但是总还是惦记着:
代码
<ul class="userlist">
  <li style="width:86px;height:80px;">
    <p></p>
  </li>
</ul>
样式
.userlist{display:block;padding:0;margin:0;overflow:hidden;border:1px solid red;}
.userlist li{float:left;display:block;border:1px solid red; }
.userlist p{display:block;float:left;width:10px;height:10px;overflow:hidden; border:1px solid red; }如此简单的代码啊啊啊啊!!!把我难住了  为什么我的p标签无法到达li的顶端而是在中间?????

解决方案 »

  1.   

    你是要把P放在顶部吗?加个MARGIN-TOP就行了啊!.userlist p{display:block;float:left;width:10px;height:10px;overflow:hidden; border:1px solid red;margin-top:0px;  }
      

  2.   

    为什么我的p标签无法到达li的顶端而是在中间?????真不懂你表达的是什么意思   能说明白点吗?
      

  3.   

    呵呵 加一行代码就OK    *{padding:0;margin:0;}
      

  4.   

    装了firebug没? 
    你可以看到应用到每个tag上的css rules, 你可以随时disable/enable其中一条,
    然后看是哪一个导致了该问题, 然后找到在哪里,或者加一条覆盖掉它就可以
      

  5.   

    p元素是旧产物,放弃它吧印象中mozilla的块状元素内容是垂直居中的好久没写html,都快忘光了
      

  6.   

    楼主的意思是:li标签里的内容和p标签里的内容(目前只看到边框的红线)距离左部和顶部有间隙,我朋友以前也遇到过。以后写样式的时候都带上*{padding:0;margin:0;}就没这样的问题了
      

  7.   

    *{padding:0;margin:0;} 受教了....