每页CSS对齐不同,无法找到原因

时间:2012-04-10 10:59:40

标签: css

我在我的主页和公司详情页面上列出了产品。 我使用完全相同的HTML,但由于某种原因,产品看起来不同:

产品名称为“Artikel 1”。

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

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

为什么?

3 个答案:

答案 0 :(得分:2)

您缺少mymedical页面中的标签。

<ul class="product_item">

答案 1 :(得分:2)

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

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

答案 2 :(得分:2)

li元素没有获得分配的类,因为没有包含它的ul元素。因此,price元素的绝对位置相对于其他元素(css positioning)。

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