홈>
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
- 답변 # 2
이를 부모 div에 추가합니다 :
overflow: overlay;
또는 브라우저가 결정하게 :
overflow: auto;
- 답변 # 3
주된 문제는
float:right
입니다 그리고float:left
수업 중cf
그리고cf7
. 당신이 그것을 제거하면, 당신의 국경은 다시 정상입니다. 그러나 귀하의 의견을 바탕으로 두 열로 유지하려고합니다. 가장 좋은 방법은 flex를 사용하는 것입니다. flexbox에 대한 전체 안내서에서 flex에 대해 배울 수 있습니다.
관련 질문
- html : 선택 입력을 클릭할 때 배경 이미지가 확대되는 이유
- html :
- 앞에 공백을 추가하는 방법
- javascript : 자동 팝업
- html : Django의 style="width: 45px !important"가 작동하지 않습니다.
- html : 접두사 클래스가 있는 tailwind 음수 값
- html : 양식에서 여러 라디오 버튼을 선택하는 방법은 무엇입니까?
- javascript : 이 code를 더 잘 작성하고 유사하게 만드는 방법은 무엇입니까? 자바스크립트
- html : 내부 테이블의 내용을 중앙으로 가져오기
- javascript : 이미지 위에 여러 색상이 있는 CSS 오버레이
- javascript : CSS가 추가되면 JS 색상 변경이 작동을 멈춥니다.
마지막 div에 클래스 클리어 픽스를 넣습니다.