DIV에서 다음 DIV로 확장

Question

나는 site : content 및 right-content의 메뉴 아래에 두 개의 div가 있습니다. 오른쪽 내용은 화면의 오른쪽에 고정되어있는 사이드 바이며 200px가 있습니다. 내용은 내용의 div입니다. 사이트의 왼쪽에서 시작하고 오른쪽 콘텐츠에 도달하면 멈추기를 원합니다. 어떤 제안입니까?

HTML div를의 코드 :

<div id="content"> 
</div> 
<div id="rightcontent"> 
bla vlaaa 
</div> 

CSS 코드 :

#content { 
float:left; 
position:absolute; 
background-color:#ffffff; 
height:500px; 
} 

#rightcontent { 
margin-top:5px; 
border:1px solid; 
border-color:#ffffff; 
border-radius:5px; 
float:right; 
position:relative; 
background-color:#D4D3D0; 
width:300px; 
height:500px; 
} 

Answer 1

당신은 콘텐츠에 대한 포장 사업부를 사용할 수 있으며, 패딩이나 마진이 작업을 수행합니다.

.div-content-wrapper { 
    width: 100%; 
} 
.div-content { 
    margin-right: 200px; 
} 
.div-rightsidebar { 
    width: 200px; 
    position: fixed; 
    right: 0; 
    top: 0; 
} 

을 그리고 HTML은 다음과 같이 보일 것이다 : 예를 들어, 스타일 시트는 다음과 같이 보일 수 있습니다 오른쪽 사이드 바는 내부 또는 포장지 외부에 갈 수

<div class="div-content-wrapper"> 
    <div class="div-content"> 
     <h1> This content will not go further than 200px from the right side</h1> 
    </div> 
    <div class="div-rightsidebar"> 
     <h4>Right bar content</h4> 
    </div> 
</div> 

, 그렇지 않습니다 정말로 중요합니다.