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/