如何填充两个浮动div之间的空间?

时间:2010-07-08 11:58:27

标签: html css

我有代码:
<th colspan="3" />
<div class="l_table_th" /></div>
   <div class="c_table_th" />Zamów pakiet punktów</div>
   <div class="r_table_th"/ ></div>
</th>

HEADER for table的圆角(背景,没有CSS3)需要

左右div。 我的问题是:如何使中心div填充它们之间的所有空间? width:100%使得右div下降到下一行。 width:auto使中心div太短。

2 个答案:

答案 0 :(得分:4)

尝试为中央<div>设置边距(左和右)。假设.l_table_th.r_table_th宽度为15px,这样的事情应该有效:

<th colspan="3" />
   <div class="l_table_th"></div>
   <div class="r_table_th"></div>
   <div class="c_table_th">Zamów pakiet punktów</div>
</th>

.c_table_th {
    margin: 0 15px 0 15px;
}

.l_table_th {
    width: 15px;
    float: left;
}

.r_table_th {
    width: 15px;
    float: right;
}

答案 1 :(得分:0)

将它们包装在另一个div中应用背景颜色?