html div模块前留空白,html – 3个DIV彼此相邻,中间填充空白

您好我想问你如何将3 DIV放在一起,而中间一个填补第一和第三DIV之间的空白.

我想在第一个NAD第三个DIV中有动态按钮,我需要中间DIV来填充第一和第三个DIV之间的空间.

我会破坏纯CSS / HTML(没有JavaScript)

这是我的尝试：

http://jsfiddle.net/4smx3627/

#wrapper{

height: 30px;

}

#first{

height: 100%;

background-color:red;

float: left;

display: inline-block;

}

#second{

height: 100%;

background-color:green;

display: inline-block;

}

#third{

height: 100%;

background-color:yellow;

float: right;

display: inline-block;

}

非常感谢您的任何建议.