2009-10-26 2 views
0

어떻게하면 첫 번째 div가 확장됨에 따라 하위 div가 자동으로 낮아지며 첫 번째 div의 높이가 더 커지니까?어떻게이 div의 높이를 변경하면 div 아래에 "overlaps"됩니까?

이 디스플레이입니까? 또는 위치?

+5

css 및 html을 게시 한 다음 도움을주십시오. –

+1

모두가 마음을 읽는 사람이라고 생각하거나 실제로이 코드를 보려고 컴퓨터를 해킹하는 데 방해가되었습니다. – random

답변

2

플로팅 요소를 사용하는 것이 좋습니다. 이렇게하면 상단 컨테이너가 끝나는 위치에 따라 컨테이너가 항상 상단 컨테이너 아래에있게됩니다. 예 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<body> 
<div style="height:250; width:250px; background-color:red; float:left;"> TOP </div> 
<div style="height:250; width:250px; background-color:blue; float:left; clear:left;"> BOTTOM </div> 
</body> 
</html> 
1

당신이 원하는 방식대로 페이지를 열 수있는 CSS를 다운로드하고 꼬집어서 표시 속성을 가지고 놀기를 제안합니다.

0

수레를 사용하십시오. 맨 위를 왼쪽 (또는 오른쪽)으로 띄우십시오. 아래쪽을 왼쪽 (또는 오른쪽)을 비우도록 설정하십시오.

+0

또는'clear : both;'두 번째 div가 첫 번째 div 아래에 있다고 가정합니다. =) –

+0

사실! 첫 번째 div가 콘텐츠 div라고 가정하고 있으므로 맨 아래 div를 이동하는 최상위 div입니다 ... – tahdhaze09

관련 문제