DIV擴展到下一個DIV

Question

我有兩個div下的網站菜單：content和right-content.Right內容是固定在屏幕右側的sidebar，他有200px.Content是div的內容我希望他從屏幕左側開始，並在到達正確內容時停止。有些建議？資料覈實的

HTML代碼：

<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的內容，並填充或利潤率做到這一點。例如，樣式表可能是這個樣子：

.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> 

右側欄可以去裏面或包裝的外面，它不真的很重要。