CSS对齐每页不一致，无法找到原因

我在我的主页和公司详细信息页面上列出产品。我使用完全相同的HTML，但出于某种原因产品显得不同：CSS对齐每页不一致，无法找到原因

产品名称是“Artikel 1”。

此处产品显示正确：http://www.zorgbeurs.nl/ 请注意，绿色价格区域恰好位于产品下方。

但这里：http://www.zorgbeurs.nl/bedrijven/76/mymedical 绿色价格区域一直在页面的底部。

为什么？

2012-04-10 Flo

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.zorgbeurs.nl%2Fbedrijven%2F76%2Fmymedical&charset=%28detect+automatically%29&doctype=Inline&group=0 – Quentin 2012-04-10 12:54:53

由于没有ul元素包含它，因此li元素没有得到该类。所以价格元素的绝对位置相对于其他元素（css positioning）。

要获得相同的最终课程，请考虑从所有父母继承样式。尝试在<ul class="product_item">和</ul>之间附上li元素。

来源

2012-04-10 12:08:58 Superhalb

男孩，猜我只是看了太多，并没有看到它了。谢谢！ – Flo 2012-04-12 19:11:04

您错过了mymedical页面中的标签。

<ul class="product_item">

来源

2012-04-10 11:32:24 Oras

在第一个链接，你li元素有position:relative集，这使得产品块相对li工作的绝对定位。第二个链接中的li没有设置相对定位，因此绝对定位规则相对于文档起作用。

正如Hamurabi所说，这是因为缺少ul，所以规则.product_item li不再适用。

来源

2012-04-10 11:32:39 shanethehat

CSS对齐每页不一致，无法找到原因

回答

相关问题