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

Question

我在 stackoverflow 中看到过很多例子，其中大部分都是 float ——我有一个 3 列 div(没有父 div)——第一列有动态宽度——其他 2 列有固定宽度——我能得到一个解决方案吗out 使用 float - 尝试给出百分比，但没有用 - 也尝试使用 table-cell - 但可能是我没有以正确的方式使用它 - 任何示例/想法:

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，您不能将它们并排放置，因为 block 意味着它在下一行。将它们设置为 display:inline 或 display:inline-block 以便它们可以彼此相邻移动，然后再次尝试设置它们的样式。