>

woocommerce의 제품 페이지에 새로운 태그를 추가했습니다.

맞춤 CSS 코드를 추가했습니다. 구조가 깨졌습니다.

이것은 웹 사이트입니다 :

https://lenghia.com/ san-pham/tui-deo-cheo-moc-tron/# tab-hoi_dap

이것은 내 코드입니다 :

.cf7{
   float:left;
   width: 48%
 }
.cf{
   float:right;
   width:48%
 }

도움이 필요합니다.

  • 답변 # 1

    .clearfix:before,
    .clearfix:after {
       content: " ";
       display: table;
    }
    .clearfix:after {
       clear: both;
    }
    
    

    마지막 div에 클래스 클리어 픽스를 넣습니다.

  • 답변 # 2

    이를 부모 div에 추가합니다 :

    overflow: overlay;
    
    

    또는 브라우저가 결정하게 :

    overflow: auto;
    
    

  • 답변 # 3

    주된 문제는 float:right 입니다  그리고 float:left  수업 중 cf  그리고 cf7 . 당신이 그것을 제거하면, 당신의 국경은 다시 정상입니다. 그러나 귀하의 의견을 바탕으로 두 열로 유지하려고합니다. 가장 좋은 방법은 flex를 사용하는 것입니다. flexbox에 대한 전체 안내서에서 flex에 대해 배울 수 있습니다.

  • 이전 android - 축소 도구 모음을 사용하여 코디네이터 레이아웃에서 도구 모음을 고정하는 방법은 무엇입니까?
  • 다음 반응 네이티브에서 flatList에 격자 선을 표시하는 방법