定位的div具有未知宽度

Question

我有容器，和两个div内让调用它left和right。

所以现在我的问题是，在左边我有一些文字，所以我不能设置宽度，我需要我的右div是100％的宽度，但在左边div的同一行，这是有点难以解释，我有我的例子在这里，http://jsfiddle.net/CeKvT/你可以看到右侧的绿色块是左蓝格下我怎么能移动到同一条线上左脚吗？

Answer 1

你需要的是http://oocss.org/。我有这个例子的jsfiddle来告诉你如何http://jsfiddle.net/k765B/

哦，还有一个建议：不要使用outline，使用border代替，因为浏览器与它的工作方式不同。

Answer 2

我不知道如何使用CSS只有做到这一点，但这里是一个简单的jQuery代码正常调整div来“补”上一行的空间。

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#right").width($("#container").outerWidth() - $("#left").width()); 
}); 
</script> 

Answer 3

我认为你所需要做的就是在容器内设置左边的div为float:left;，右边的div为float:right;。这样，div会自动调整为其内容的宽度。

但是解决方法带来了一个警告：例如，如果您键入一个段落，例如，在未打回车的左侧div中，右侧div会继续缩小，因为左侧div展开为其内容的长度。反之亦然。祝一切顺利。