CSS 다른 div 안에 부동 div

div가 왼쪽으로 떠 있고 다른 하나가 오른쪽으로 떠있었습니다. 부동 div를 포함하는 주 div가 페이지 하단에 도달하지 않으며 코드 예는CSS 다른 div 안에 부동 div

입니다.

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; "> 
    <div style="float:left;"> 
    Some content! Some content! Some content! 
    </div> 
    <div style="float:right;"> 
    Some content! Some content! Some content! 
    </div> 
</div>

무엇이 문제입니까?

출처

2013-03-29 IMEzzat

높이가 설정되지 않았 으면 자동으로 설정됩니다. –

dupe : http://stackoverflow.com/questions/2062258/floating-stuff-within-a-div-floats-outside-of-div-why – Ryan

부모 요소의 높이를 계산할 때 부유 요소 높이가 고려되지 않습니다. CSS 속성 clear을 조사해야합니다. 이 경우 CSS clear: both이있는 세 번째 div는 원하는 결과를 얻는 데 도움이됩니다.

그러나 이전 단계로 돌아가서 무엇을하려고하는지 고려해야합니다. 이 두 개의 div가이 레벨에있는 다른 상자 요소없이 서로 옆에 있다면 두 요소를 모두 유동시키지 않아도됩니다.

출처

2013-03-29 22:01:17 jonesbp

감사합니다. Matyas Chomicki "&"jonesbp "에 대한 답변 >> – IMEzzat

시간 주셔서 감사합니다. .. :) – IMEzzat

부동 요소가있는 컨테이너 div는 clearfix을 컨테이너에 적용하지 않으면 해당 자식의 높이를 무시합니다.

출처

2013-03-29 21:59:44

답변 해 주셔서 감사합니다. 작동 중입니다. – IMEzzat

CSS 다른 div 안에 부동 div

답변

관련 문제