CSS, 아동 된 div 및

Question

내가 :(div의 이러한 종류의 작업의 피곤 부동

나는이 div의이 -div에는 가로로 유지해야하는 다른 3 div가 포함됩니다.

#row_left, #row_middle, #row_rifht { float: left; width: 33%; } 

문제는 하단 div가 content-text를 참조하지 않는다는 것입니다. 콘텐츠 행 텍스트가 끝난 경우에도 항상 같은 위치에 있습니다. 어떻게 수리 할 수 ​​있습니까?

Answer 1

시도 스타일에 만족 한 후 사업부 추가 :

clear: both; line-height: 0.1em; 

을 그리고 당신이 원하는 경우

... 
<div id="bottom" style='clear:both'></div> 

Answer 2

에

 

를 넣어 extr를 추가하지 않고 float를 지우려면 마크 업은 CSS에 넣으십시오.

#content { zoom: 1; } 
#content:after { 
    clear: both; 
    display: block; 
    content: "."; 
    height: 0; 
    visibility: hidden; 
} 

Answer 3

를 시도 그것은