CSS div使用两个元素之间的所有空间

Question

我的问题是我想在两个其他元素之间放置一个div。

这里是我的小提琴代码：

http://jsfiddle.net/NHBVa/1053/

div content 

Answer 1

你可以达到你想要用下面的风格是什么：

.container { 
    padding-left:30px; /* width of left container */ 
    padding-right:30px; /* width of left container */ 
} 
.container > div {float:left;} 

.left { 
    margin-left:-30px; 
    width:30px; 
    height:30px; 
    background-color:yellow; 
} 
.right { 
    margin-right:-30px; 
    width:30px; 
    height:30px; 
    background-color:yellow; 
} 
.content { 
    width:100%; 
    background-color:red; 
} 

http://jsfiddle.net/NHBVa/1054/

Answer 2

只需添加float:left;那些三个divs

.left, 
.right, 
.content{ 
    float: left; 
} 

http://jsfiddle.net/sweetmaanu/NHBVa/1056/