응답보기의 테이블에 행이 겹침

Question

this link에 테이블을 수정하는 데 문제가 있습니다. 두 행이 있지만 모바일/태블릿보기로 전환하면 두 번째 행이 첫 번째 행 위에 겹칩니다.

그것은 첨부 파일에 다음과 같습니다

도와주세요. 나는 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 인 positioning가 서로 겹쳐 않습니다.

당신이 속성을 제거하거나 position: relative<tr>하여 교체 할 경우 - 태그가 더 이상 중복되지 않는다, 그러나 당신이 당신의 <tr> 표시하는 방법 찾아야 - 가격 태그 등을 포함하는 태그를.

Answer 2

여기는 빠른 시일 내에 권하는 수정 프로그램입니다. 미디어에서이 CSS를

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