css - 具有第一列动态宽度的 3 列 div

Question

我在stackoverflow中看到了很多例子，其中大多数都带有浮点数-我有一个3列div（没有父div）-第一列具有动态宽度-其他2个具有固定宽度-我可以在不使用浮点数的情况下获得解决方案- 尝试给出百分比，没有用 - 也尝试使用表格单元 - 但可能是我没有以正确的方式使用它 - 任何示例/想法：

div .first{
    margin: 12px 0 5px 225px;
    width:580px;
}

div a.second{

    margin: -19px 0 5px 470px;
    display: block;
}

div a.third{

    margin: -15px 0 5px 640px;
    display: block; 
}

HTML

<div id="container">
    <div id="first_dynamic_width" >
        <span>abcdsef</span>
    </div> 
    <span> <a> </span> 
    <span> <a> </span> 
</div>

Answer 1

通过使用display:block，您不能将它们并排放置，因为该块意味着它正在下一行。让它们display:inline或display:inline-block它们可以移动到彼此旁边，然后尝试再次设置它们的样式。