왼쪽에 CSS가 고정되어 있습니다.

Question

div로 구분 된 양면 페이지를 만들려고합니다. 그 중 1 개가 만족스럽고 다른 하나는 사이드 바입니다.

사이드 바가 왼쪽에 있어야합니다.

#SideBar 
{ 
float: left; 
width: 300px; 
background-color: #727272; 
height: 100%; 
position: absolute; 
top: 0px; 
bottom: 0px; 
left: 0px; 
} 

#Content 
{ 
float: left; 
right: 0px; 
top: 0px; 
bottom: 0px; 
position: absolute; 
left: 300px; 
padding: 3px; 
font-size:12px; 
overflow:auto; 
} 

처음이 제대로 작동 보인다하지만 난 (크기 조정) 브라우저를 복원 갈 때, 그것은 brokes : 여기

그리고

내가 현재 그것을 할 사용하고있는 코드입니다.

사이드 바에있는 Div가 오버플로됩니다. 예, 사이드 바의 내부 요소에 대해 이야기하고 있습니다.

왜 사이드 바가 왼쪽에 고정되지 않는 이유는 무엇입니까?

미리 감사드립니다.

편집 :

내 HTML은 아래에 코멘트를 같이

<div id="SideBar"> 
Sidebar content goes here 
</div> 
<div id="Content"> 
Main content goes here 
</div> 

Answer 1

,해야 그것을 해결 A 최소 높이 속성을 추가.