如何在两个div之间插入div？

Question

我的页面左右两角有两个小div。他们之间有很多空间。我想用另一个div占据所有空间。

这是CSS代码：

.signatureBox{
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(128, 128, 128);
    min-width: 200px;
    min-height: 65px;
    padding: 3px;
    display: block;'
}

和HTML代码：

<div class='signatureContainer'>
     <span class='signatureBox' style='float: left;' >
            <span>employee</span>
            <hr style='margin-top: 70px;' />
            <span>Role</span>
     </span>
    <span class='signatureBox' style='float: left'>
            <span>employee</span>
            <hr style='margin-top: 70px;' />
            <span>Role</span>
    </span>
    <span class='signatureBox' style='float: right'>
            <span> &nbsp; </span>
            <hr style='margin-top: 70px;' />
            <span> Master &nbsp; </span>
    </span>
</div>

Answer 1

如果你试图删除它们之间的空格，你应该只在每一个上面设置浮动左边。

<div class='signatureContainer'>
 <span class='signatureBox' style='float: left;' >
        <span>employee</span>
        <hr style='margin-top: 70px;' />
        <span>Role</span>
 </span>
<span class='signatureBox' style='float: left'>
        <span>employee</span>
        <hr style='margin-top: 70px;' />
        <span>Role</span>
</span>
<span class='signatureBox' style='float: left'>
        <span> &nbsp; </span>
        <hr style='margin-top: 70px;' />
        <span> Master &nbsp; </span>
</span>