其他內容的位置div

Question

我使用引導程序，頁面寬度不固定。

我想顯示的接觸形式的div（下面灰色框）所示：

所以灰色接觸形式排序漂浮在藍色和白色的div。

謝謝！

這是我一直在努力做的事：不過你想要的外層div http://jsfiddle.net/w69j4xam/

<div class="header"> 
Header 
</div> 
<div class="content"> 
    <div class="bluediv"> 
     Some text here 
    </div> 
    <div class="whitediv"> 
     Some more text here 
    </div> 
    <div class="contactform"> 
     Contact Form<br/><br/><br/><br/> 
    </div> 
</div> 

body{ 
    padding: 20px; 
} 
.header{ 
    height: 50px; 
    background-color: green; 
} 

.content{} 

.bluediv{ 
    height: 150px; 
    background-color: #AFEEEE; 
} 

.whitediv{ 
    height: 180px; 
    background-color: #FFF; 
} 

.contactform{ 
    background-color: grey; 
    width: 100px; 
    position: absolute; 
} 

Answer 1

就你的jfiddle例子而言，你需要添加的只是一個右邊和一個頂端。

.contactform{ 
    right:50px; 
    top:100px; 
    background-color: grey; 
    width: 100px; 
    position: absolute; 
} 

http://jsfiddle.net/w69j4xam/2/

Answer 2

的位置，然後使用絕對位置內的div。他們都會堆疊起來。

<style type="text/css"> 
.inner { 
    position: absolute; 
} 
</style> 

<div class="outer"> 
    <div class="inner">1</div> 
    <div class="inner">2</div> 
    <div class="inner">3</div> 
    <div class="inner">4</div> 
</div>