P 배경이 표시되지 않는 이유를 말씀해 주시겠습니까?p 배경이 올바르게 배치되지 않는 이유는 무엇입니까?
문제는 파이어 폭스에서만 발생합니다. Firebug는 위의 플로팅 된 div 뒤에 div 위치를 표시하지만 이유를 파악할 수 없습니다. 나는 그 이미지가 거기에 있다는 것을 알고 있지만 다른 div 뒤에있다.
Firefox가 div # about-gmm이 위의 두 div보다 뒤에 있다고 가정 해주십시오.
http://responsedriver.com/newsite/
고마워요!
# 0-mm div에 clear: both을 넣으세요. 그렇지 않으면 떠 다니는 div가 내용 흐름의 일부가 아니므로 단락이 그 아래에 나타납니다.
IE 8은 Firefox와 동일한 방식으로 표시합니다.
p elemtn 위의 두 div 요소는 부동 상태이므로 IE 7에서 잘못 표시되는 경우는 제외됩니다.
스타일에 clear:both;을 간단히 추가하십시오.
또는 숨겨진 hr 요소 (숨겨진 요소에 영향을주지 않는)를 clear: both; height: 0; overflow: hidden; 스타일의 div 요소로 바꿉니다. (clear 이외의 스타일은 IE 6 및 IE 7에서 공간을 차지하지 않습니다.)
완벽하게 고마워요! 그래도 질문하십시오. 나는 명확했다 : # about-gmm div 위에 둘다. 어떻게 그 문제가 해결되지 않았습니까? – Joe
hr이 display : none으로 설정되어 있기 때문에 Firefox (및 Safari 및 Chrome, btw)의 레이아웃 엔진이 콘텐츠 흐름에 포함시키지 않아도됩니다. 분명히 IE가 않습니다. – eliah
아니요, IE 7은 hr도 신경 쓰지 않습니다. 레이아웃에 대한 잘못된 점이 있습니다 ... – Guffa