Question

我有容器，里面有两个div，可以调用它left和right。

所以现在我的问题是，在左边我有一些文字，所以我不能设置宽度，我需要我的正确的div是100％的宽度，但在与左div相同的行，它有点难以解释，我在这里有一个例子，http://jsfiddle.net/CeKvT/因为你可以看到右边的绿色块在左边的蓝色div下面怎样才能将它移动到与左边相同的线上？

Answer 1

我不确定如何仅使用CSS来完成此操作，但这里有一个简单的JQuery代码，可以正确调整div的大小以“填充”单行上的空格。

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

Answer 2

您需要的是http://oocss.org/。我有这个例子jsFiddle向您展示http://jsfiddle.net/k765B/

的方式

哦，建议：不要使用outline，而是使用border，因为浏览器的工作方式不同。

Answer 3

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

但是解决方案有一个警告：如果您键入一个段落，例如，在左侧div中没有点击回车符，右侧div将继续收缩，因为左侧div扩展到其内容的长度。反之亦然。一切顺利。

定位宽度未知的div

3 个答案: