2010-07-28 5 views
2

내가 왼쪽에 사업부를 넣어 그 안에 div 내 사이트의 몸이다 사업부가크기 조정 사업부는

http://www.freeimagehosting.net/uploads/117f79fa0e.png http://www.freeimagehosting.net/uploads/4569a5f550.jpg

(수직 메뉴가하는) 내 질문은 어떻게 메뉴 div를 본문 div의 맨 아래까지 따라갈 수 있도록하여 메뉴 div가 가진 색상 때문에 잘리지 않는 것처럼 보이지 않게하는 것입니다 ... 나는 속성을 가지고 놀았습니다. 마진, 플로트와 같은 것, 그러나 나는 그것이 일하게하는 것처럼 보이지 않는다. ... 나는 divs를 볼 수 있도록 두 장의 사진을 포함시켰다.

내가 새로운 사용자이기 때문에 죄송합니다. 그래도 링크를 포함 시켰습니다 ...

첫 번째 그림은 처음 페이지이고 두 번째는 내용이 추가 된 후 본문 div가 확장되어 해당 내용이 적합하게됩니다!

도움을 주셨습니다.

+0

메뉴가 포함될 div는 고정 크기 여야하며 내부에 배치 할 하위 요소에 맞게 확장 할 수는 없습니까? ? – Antony

답변

1

이것은 실제로 CSS에서 가장 잘 접근 한 것입니다.

이 당신의 구조 말 :

#main { 
    height:500px; /*this can be whatever height you want for your main div*/ 
    width:700px; /*same with this, for its width*/ 
    background-color:#F00; /*just to show you the effect*/ 
} 

#leftSide { 
    float:left; /*THIS is where the magic happens, to "pull" it to the left*/ 
    height:100%; /*This makes sure it reaches all the way to the bottom*/ 
    background-color:#00F; /*or any color you'd like (which is a great song btw)*/ 
    width:200px; /*or whatever height you'd like*/ 
} 

이 모든 가정

<body> 
<div id="main"> 
    <div id="leftSide"></div> 
</div> 

나는 당신이 당신의 CSS에서 왼쪽 100 %의 높이를 제공하면됩니다 싶어 어떻게 생각 물론 div 나 기타 요소에 여분의 여백과 패딩이 없다는 것입니다. this one