我在我的主页和公司详情页面上列出了产品。 我使用完全相同的HTML,但由于某种原因,产品看起来不同:
产品名称为“Artikel 1”。
此处正确显示了产品:http://www.zorgbeurs.nl/ 请注意绿色价格区域如何正好位于产品下方。
但是在这里:http://www.zorgbeurs.nl/bedrijven/76/mymedical 绿色价格区域一直位于页面底部。
为什么?
答案 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>
之间。