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

时间:2012-09-22 03:04:56

标签: html css

我正在尝试对齐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不要向右浮动,所以如果文本足够小以适应文本并排出现。这可能吗?

1 个答案:

答案 0 :(得分:0)

这似乎是一种疯狂的做法。告诉您这是否是您想要的: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>