HTML / CSS使3个div彼此相邻排列，其中一个具有灵活的宽度

Question

我正在尝试将3个div对齐，2个灵活宽度和1个固定宽度。 请参阅以下jsfiddle： http://jsfiddle.net/qyGC5/82/

我看过这篇文章：Three DIVs next to each other with fluid horizontal width 但它不适用于2个灵活的div，或者只有1个灵活的宽度（带有长文本的那个）。 http://jsfiddle.net/qyGC5/89/

我也有百分比，但由于使用100％是不可能的，调整大小时差距会变大或变小。

任何帮助，非常感谢。 感谢。

EDITED 添加一些屏幕截图以显示在我加载新注释（这是显示注释）后发生的事情

在AJAX之前加载更多评论

AJAX加载后

Answer 1

忘记使用display: inline-block。

在float: left上的.sides and overflow: hidden上使用#main。

请参阅： http://jsfiddle.net/qyGC5/93/

<div class="sides">side 1</div>
<div class="sides">side 2</div>
<div id="main">Lorem ipsum..</div>

.sides {
    width: 30px;
    border: 2px dotted green;

    float: left;
}
#main {
    border: 2px dotted blue;

    overflow: hidden;
}