div 위쪽에 비정상적인 공간이 있습니다.

Question

두 가지 이상한 오류가 있습니다. 하나는 내용 위에 겹치는 텍스트입니다. 내가 어디서 오류인지 파악할 수 없으며, 이것을 해결하기 위해 break-word 속성을 사용했지만 그 버그가 다른 곳에 있다고 생각합니다.

두 번째 오류는 div .category-products과 위쪽 사이에 여분의 공간을 만드는 원인을 찾을 수 없다는 것입니다.
여기 링크입니다 : http://mage.devpassion.eu/

나는이와 지금 시간 strugling 봤는데 내가 도움이 필요할 것 같다.

Answer 1

당신에게 고객님의 category-products을 <pre> 요소 안에 싸 웁니다. 이로 인해 두 가지 문제가 모두 발생합니다.

Answer 2

OMG ... 당신이 사용하는 코드에서 "사전"요소가 그런 식으로 표시되는 이유를 궁금해 ...

및 여분의 공간은 custom.css에서이다 : 552

.main-container { 
    padding: 13px 0; 
    text-align: left; 
}