这几天一直在纠结一个问题 尽管没有什么影响 但是总还是惦记着:
代码
<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的顶端而是在中间?????
代码
<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的顶端而是在中间?????
你可以看到应用到每个tag上的css rules, 你可以随时disable/enable其中一条,
然后看是哪一个导致了该问题, 然后找到在哪里,或者加一条覆盖掉它就可以