ホームページと会社詳細ページに商品を掲載しています。まったく同じHTMLを使用していますが、何らかの理由で製品が異なって表示されます。
商品名は「Artikel1」です。
ここでは、製品が正しく表示されています。http ://www.zorgbeurs.nl/ グリーン価格領域が製品のすぐ下にあることに注目してください。
しかし、ここでは:http ://www.zorgbeurs.nl/bedrijven/76/mymedical グリーン価格エリアはページの一番下にあります。
なんで?
li要素を含む要素がないため、要素は割り当てられたクラスを取得していませんul。したがって、価格要素の絶対位置は、他の要素を基準にして配置されます(csspositioning)。
同じ最終クラスを取得するには、スタイルがすべての親から継承されることを考慮に入れてください。とのli間の要素を囲むようにしてください。<ul class="product_item"></ul>
mymedicalページにタグがありません。
<ul class="product_item">
最初のリンクでは、li要素がposition:relative設定されています。これにより、製品ブロックの絶対位置が。に対して機能しliます。2番目のリンクのliは相対位置が設定されていないため、絶対位置ルールは代わりにドキュメントに対して機能します。
ハンムラビが言うように、これはulが欠落しているためであり、そのため、ルール.product_item liは適用されなくなります。