홈>2020-02-01 01:29

html - CSS가 잘못 표시

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에 대해 배울 수 있습니다.