日期:2014-05-17  浏览次数:20468 次

弱弱的问一个简单的HTML问题
这几天一直在纠结一个问题 尽管没有什么影响 但是总还是惦记着:
代码
<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的顶端而是在中间?????

------解决方案--------------------
p元素是旧产物,放弃它吧

印象中mozilla的块状元素内容是垂直居中的

好久没写html,都快忘光了
------解决方案--------------------
*{padding:0;margin:0;} 受教了....