배경이 나타나지 않습니다.

과 같이 ("cont"요소에) 이 나타나지 않습니다.
높이와 관련이있는 것을 볼 수 있습니다. 높이를 추가하면 어떻게 든 바닥 글이 엉망이됩니다.
페이지에서 배경 작업을 어떻게 할 수 있습니까? 홈페이지?배경이 나타나지 않습니다.

감사합니다.

clearfix를 사용해 보셨습니까? 어떤 요소가 0인지 찾아보고 clearfix 또는 원하는 솔루션을 추가하십시오. – Neil

배경이 'div.cont' 요소로 설정되어 있고 clearfix가 없으므로 높이가 0입니다. clearfix를 추가하면 제대로 작동합니다. –

.cont 요소에 overflow: hidden;을 추가하십시오. 문제는 그 안에있는 요소가 floated이기 때문에 높이에 맞게 크기가 조정되지 않는다는 것입니다.

일반적으로 overflow: hidden;이 아닌 많은 방법으로 수정할 수 있습니다. Google for clearfix을 참조하십시오.

2012-09-17 18:33:05 Chris

그것은 내 바닥 글을 엉망으로 만든다는 것 외에는 효과가 있습니다. 나는 이유를 알아 내려고 노력하고있다. 너는 어떤 생각을 가지고 있니? "cont"요소를 검사하고 권장대로 오버플로 : 숨김;을 추가하면됩니다. – user1477388

오, 잠깐, 다른 요소가 "꼬리말"요소에서 "cont"라는 이유로 발생하는 것 같습니다. 나는 그것을 고칠 것이고 그것이 효과가있다. 도와 줘서 고마워. – user1477388

@ user1477388 내부에 클래스'.cont'가있는 다른 div가 있기 때문입니다. 다른 클래스로 변경하거나'.footer .cont {overflow : visible; }' – Chris

사용 clearfix : #cont 사업부의 끝

추가] <div style="clear: both"></div>.

생산 웹 사이트에서 내가 사용 :

<br class="clear"/>

플러스 CSS를 : 당신의 background-image이 요소 div.cont로 설정하고 어떤 clearfix을하지 않은 이후

는

br.clear { display: block; width: 1px; height: 0px; clear: both; }

2012-09-17 18:34:56 rogal111

감사하지만이 시나리오에서 clearfix가 도움이되지 않는 것 같습니다. – user1477388

나는 이것을 잘 테스트했다. http://fiddle.jshell.net/Vc4vK/show/ – rogal111

오, 고마워. 나는 몰랐다. 코드를 적게 사용하기 때문에 나는 CSS 방법을 계속 사용할 것이다. 하지만, 좋은 직장. – user1477388

, 그것은 을 함께 0 높이가이므로 배경에 표시 할 공간이 없습니다. clearfix를 추가하면 작동합니다.. 한 가지 방법은 다음과 같습니다.

<div class="cont"> 
    <div class="body"> 
    ... 
    </div> 

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

2012-09-17 18:38:41

감사하지만이 경우 clearfix가 도움이되지 않습니다. – user1477388

'Google Chrome Inspector'를 사용하여 코드를 변경했으며 정상적으로 작동했습니다. 올바른 위치에 clearfix를 넣는 지 확인하기 위해 더 자세히 살펴보십시오. –

감사합니다. 작동한다고 생각합니다. 잘 하셨어요. – user1477388

답변