我在主页和公司详细信息页面上列出产品。我使用完全相同的 HTML，但由于某种原因，产品看起来不同：
产品名称是“Artikel 1”。
此处产品显示正确：http ://www.zorgbeurs.nl/ 请注意绿色价格区域如何位于产品正下方。
但在这里：http ://www.zorgbeurs.nl/bedrijven/76/mymedical 绿色价格区域一直在页面底部。
为什么？
3 回答
2
您在 mymedical 页面中缺少标签。
<ul class="product_item">
于 2012-04-10T11:32:24.080 回答
2
在第一个链接中，您的li元素已position:relative设置，这使得产品块的绝对定位相对于li. 第二li个链接中的 没有设置相对定位，因此绝对定位规则相对于文档起作用。
正如 Hamurabi 所说，这是因为ul缺少 ，因此该规则.product_item li不再适用。
于 2012-04-10T11:32:39.233 回答
2
该li元素没有获得分配的类，因为没有ul包含它的元素。所以价格元素的绝对位置是相对于其他元素定位的（css定位）。
要获得相同的最终类，请考虑样式是从所有父级继承的。尝试将li元素括在<ul class="product_item">和之间</ul>。
于 2012-04-10T12:08:58.970 回答