为什么用css样式做出来的商品列表下边总是对不齐，css样式中哪里出错了，高人帮忙看看

html-css019

为什么用css样式做出来的商品列表下边总是对不齐，css样式中哪里出错了，高人帮忙看看,第1张

你要放也把全部的代码放出来啊，下面的html没有也不好判断

css这个东西需要熟练掌握才能知道哪里出问题，看到你写了这么多padding，margin,问题应该就出在这里了，padding,margin这些会叠加，或者不叠加，这个出来效果是不一样的

真不了解就建议固定高度，然后写一个overflow:hidden就解决了

如果只是这两个文字内容的话，直接用：

<ul>

<li><a href="#" target="_blank">文字内容</a></li>

<li><a href="#" target="_blank">文字内容</a></li>

</ul>

就是对齐的，

不过你这个没对齐，应该是这个曾的上面内容有漂浮导致的，就需清除浮动，即：

<div class="clear"></div><!--清除浮动-->

<ul>

<li><a href="#" target="_blank">文字内容</a></li>

<li><a href="#" target="_blank">文字内容</a></li>

</ul>

css：

.clear{clear:both}/*清除浮动*/