応答ビューでテーブルの行が重複しています

Question

this linkにテーブルを固定する際に問題があります。 2行ありますが、モバイル/タブレット表示にすると、2行目が1行目と重なって表示されます。

これは、添付ファイルに次のようになります。助けてください

。私はCSSではあまりよくありません。

Answer 1

これは、これらの行は次のとおりです。彼らは同じマージンを持っている場合

@media screen and (max-width: 994px) 
table.colors_pricebox tbody tr:last-child td:nth-child(2) table:first-child tbody tr:first-child 
{ 
    position: absolute !important; 
} 

Absoluteポジショニングが重なるん。

属性を削除するか、position: relativeで置き換えると、<tr>タグはもはや重複しませんが、価格タグなどを含む<tr>タグを表示する方法を見つける必要があります。

Answer 2

ここで私はすぐにターンアラウンドすることをお勧めします。

@media screen and (max-width: 994px) { 
 
    td.productDetailDiscountWrapper table tr td { 
 
    padding-top: 50px !important; 
 
    } 
 
    .product_productprice { 
 
    margin-top: 40px !important; 
 
    } 
 
}