对齐 2 个 div，其中右侧内容的大小适合，左侧内容被截断答案

【问题标题】：Align 2 divs where right content is sized to fit and left is truncated对齐 2 个 div，其中右侧内容的大小适合，左侧内容被截断
【发布时间】：2012-09-22 03:04:56
【问题描述】：

我正在尝试对齐 2 个 div，其中右侧内容固定，左侧被截断以填充剩余空间。我发现这个How to place two divs side by side where one sized to fit and other takes up remaining space?（这里是http://jsfiddle.net/ssawchenko/gKnuY/）很接近，但我希望正确的div不要向右浮动，所以如果文本足够小以适合文本并排显示。这可能吗？

【问题讨论】：

标签： html css

【解决方案1】：

在上面做这件事似乎是一种疯狂的方式。告诉你这是不是你想要的：http://jsfiddle.net/joplomacedo/gKnuY/404/

CSS：

.fixed {  
   float:right;
   width: 200px;
}

.fluid {
    margin-right: 200px; /* same as fixed's width */
}

html:

<div class="fixed"></div>
<div class="fluid"></div>

【讨论】：

因此右侧的 div 需要根据内容调整大小，因此我无法将其宽度设置为固定值。确实两个 div 都有可变长度的内容，但是如果需要太多空间，我希望将左侧的 div 截断
我不确定我是否理解了最后一部分。这与您想要的有多接近：jsfiddle.net/gKnuY/405
我认为问题在于我没有提供所有信息。所以这是一个 ExtJS 应用程序，我试图简化它并且已经简化了太多。所以这个小提琴更好地代表了我从纯 HTML 角度处理的内容jsfiddle.net/jej2003/eX9U7 这正是我想要的结果，但我不喜欢 77%（实际上只是通过目视检查完成）宽度位于包装元素上，因为如果面板被调整大小，事情看起来不正确。感谢您迄今为止的所有帮助！
所以我最终使用了一个单独的列来提供信息，这很好用。真的不完全是我想要的，因为第二列的宽度可能不足以容纳计数，但我不确定在 Ext 中是否有更好的方法来实现这一点，但我很想听听。
我在这儿有点晚了。明天我会回到这个。