css - 显示 :left Staircase bug on google chrome

Question

我在这个问题上花了好几个小时。我知道它与 float:left 和 display:inline-block 有关。我试过clearfix。而且它根本不起作用。

我什至删除了元素检查器中的所有文件。它仍然显示楼梯。下面是链接，这个页面是基于 wordpress 默认模板，我在这个页面上添加了 [featured_products per_page="12"columns="4"orderby="date"order="desc"]。

http://101.0.116.204/~vomcom/wp/months-resources/

我想让它看起来像这样:

http://101.0.116.204/~vomcom/wp/product-category/books/

我正在使用 wootheme Canvas 主题

如果有人能提供帮助，非常感谢。

Answer 1

正如 Carlos 所建议的那样，向容器添加 line-height 0 可以解决问题，尽管您面临着另一个问题( child 继承了 line-height - 例如“Sale”标签)。

问题似乎是 <pre>包装您的 <ul> 的标签.将其更改为 <div> (或只是删除它)解决 float /楼梯问题。此外，您的标记将有效(自 pre tags should contain phrasing content 起)。