在一个父 div
下有两个子 div
,父 div
的宽度为 100%:
<div id="parent">
<div class="left"></div>
<div class="right"></div>
</div>
要求如下:
- 我想要两个 div 元素在同一行显示。
- 右侧的 div 元素可能存在,也可能不存在。当它存在时,我希望它始终固定在右侧。但是,左侧的 div 元素必须是弹性的 - 它的宽度取决于其内容。
我已经尝试了 float:left 和 display:inline-block 两种方案,但都没有奏效。
希望得到任何建议。
display: table-cell
发表自己的答案。 - thirtydot