html - Align 2 divs where right content is sized to fit and left is truncated

Question

I am trying to align 2 divs where the right content is fixed and the left is truncated to fill the remaining space. I found this How to place two divs side by side where one sized to fit and other takes up remaining space? (fiddle here http://jsfiddle.net/ssawchenko/gKnuY/) which is close, but I'd like the right div to not be floated right so if the text is small enough to fit the text appears side by side. Is this possible?

Answer 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>