1

我在 Magento 1.9.x 网站上工作，产品描述我有项目符号列表，但由于一些非常奇怪的原因，第一个项目符号比列表的其余部分缩进一个。

这是我在“列表”视图中用于第一个产品的代码：

<p>The ERGL24054D-4000K upgrades your existing linear 2x4 fixtures in less than 10 minutes. Correlated color temperature (CCT) is 4000K. Deliver 5400 lumens of light and over 100 lumens per watt at the system level. MADE IN THE USA.</p>
<p><strong>Kit includes:</strong></p>
<ul>
<li>ERG Lighting dimmable LED driver</li>
<li>(2-4) LED light engine sticks</li>
<li>(8) Self-drilling screws</li>
<li>Wire nuts</li>
<li>Installation instructions</li>
<li>Opalescent film (optional)</li>
<li>Opalescent lens (optional)</li>
<li>Prismatic diffusers (optional)</li>
<li>Nea beam-shaping isotropic lens (optional)</li>
</ul>

你可以在这里看到最终结果：

http://www.erglighting.com/index.php/retrofit-kits.html?mode=list

请注意，列表中的所有产品都会发生这种情况。谁能告诉我会导致这个问题的原因以及我能做些什么来解决它？谢谢！

我找到了这篇文章，但不确定这是否能解决问题或者这是否适用于 1.9：

http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/css/unordered_list_work_correctly

关于这个问题，我也发现了这一点，但它似乎适用于 1.4 版本：

http://www.magentocommerce.com/boards/viewthread/45667/

4

1 回答 1

3

第一个列表项在其<p>上方浮动。要么删除浮动<p>或清除它在<li>...</p> 

.products-list .desc > p{
 float:left /* remove this */
}

或者

.products-list li:first-child{
  padding-top:20px;
  clear:left; /* add this */
}
于 2014-05-29T06:31:16.417 回答