其他内容的位置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>