태그의 배경색을 센터링 한 후 제거

Question

간단한 혼란. HTML 태그를 센터링 한 후 배경색이 제거됩니다. 하지만 float을 설정하면 배경색이 작동합니다.

이이

article{ 
    margin:0px auto; 
    display:block; 
    width:80%; 
    float:left; 
    background:red; 
} 

Answer 1

첫 번째 작품 그대로입니다.

HTML :

<article>Article text</article> 

CSS :

article{ 
    margin:0px auto; 
    display:block; 
    width:80%; 
    margin:0px auto; 
    background:red; 
} 

당신은 here

Answer 2

내가 HTML 코드를 볼 수 작동

article{ 
    margin:0px auto; 
    display:block; 
    width:80%; 
    margin:0px auto; 
    background:red; 
} 

작동하지 않는 이유는 무엇입니까? 그렇지 않으면 Chrome을 사용하는 경우 콘솔을 열고 요소를 검사하여 적용되는 스타일을 확인합니다. 콘솔을 열려면 브라우저 창을 마우스 오른쪽 단추로 클릭하고 inspect를 클릭하고 콘솔 창의 왼쪽 상단 모서리에서 검사 할 페이지의 요소를 선택하는 아이콘을 볼 수 있습니다.