clear : 내 코드에서 작동하지 않습니다.

Question

나는 분류 광고 웹 사이트를 개발하고 있습니다. 이 시나리오에 참여하는 CSS 선택기가 너무 많기 때문에이 문제를 다시 만들 수 없으므로 URL을 제공하고 적절한 해결책을 원합니다. 첨부 된 이미지를 참조하십시오.

방문 http://dealmarkaz.pk/item/post-classified-ads

선택 작업 범주, 당신은 작업 특정 입력 예를 볼 수 있습니다 직종 유형, 직위 유형 및 급여 기간.

내가 행 작업의 유형 및 위치 유형 사이의 공간을 원하는

내가 가지고 선택

.meta_list .meta:after { 
    content: ""; 
    clear: both; 
} 

가 위치 유형 및 급여 기간 아니라 위해 노력하고 있습니다 직종 종류

Answer 1

이것은 여백의 문제이며, 명확한 수정이 아닙니다. 한 번이 CSS 코드를 변경하십시오. 후 :

.meta_list .meta ul { 
 
    margin: 10px 0; /* Changed Value */ 
 
    padding: 0; 
 
    list-style: none; 
 
    float: left; 
 
}

Answer 2

당신은 .meta 사용 .meta_list에 높이를 추가하려고 했습니까?

는 잘 모르겠어요하지만 난 분명히 생각 : 모두 피하기는

Answer 3

추가 양쪽 요소를 떠 가지고 있지만 요소 사이에 공간을 추가하지 않는 div.metaul

<div style="clear: both;"></div> 

또는

아래

추가 margin-bottom