弱弱的问一个简单的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的顶端而是在中间？？？？？

[Jacob-G]

你是要把P放在顶部吗？加个MARGIN-TOP就行了啊！

.userlist p{display:block;float:left;width:10px;height:10px;overflow:hidden; border:1px solid red;margin-top:0px; }

[丢雷老谋]

[Quote=引用 3 楼 的回复:]

你是要把P放在顶部吗？加个MARGIN-TOP就行了啊！

.userlist p{display:block;float:left;width:10px;height:10px;overflow:hidden; border:1px solid red;margin-top:0px; }
[/Quote]呵呵 要是这么简单 我就不纠结了

[coke1012]

清除浮动了吗，clear：both

[wyfytangsh]

为什么我的p标签无法到达li的顶端而是在中间？？？？？

真不懂你表达的是什么意思 能说明白点吗？

[丢雷老谋]

补充一下： 在火狐里面测试

[xuzuning]

不知道您在说什么

[helloyou0]

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

[lmsskycn]

呵呵 加一行代码就OK

*{padding:0;margin:0;}

[ImN1]

p元素是旧产物，放弃它吧

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

好久没写html，都快忘光了

[夏凯]

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

[秋天的企鹅]

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