Html 定位宽度未知的div

我有一个容器，里面有两个div，我们把它叫做

left

和

right

---

现在我的问题是，在左边我有一些文本，所以我不能设置宽度，我需要我的右div是100%的宽度，但是在和左div相同的行中，这有点难以解释，我这里有我的例子，正如您所看到的，右侧的绿色块位于左侧的蓝色div下面。如何将其移动到与左侧相同的行？

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

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

$（文档）.ready（函数（）{
$（“#右”）.width（$（“#容器”）.outerWidth（）-$（“#左”）.width（）；
});

我不知道如何仅使用CSS来实现这一点，但这里有一个简单的JQuery代码，可以正确调整div的大小，以“填充”单行上的空间

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

$（文档）.ready（函数（）{
$（“#右”）.width（$（“#容器”）.outerWidth（）-$（“#左”）.width（）；
});

您需要的是。我有一个JSFIDLE示例向您展示如何

哦，还有一个建议：不要使用

outline

，而是使用

border

，因为浏览器使用它的方式不同。

您需要的是。我有一个JSFIDLE示例向您展示如何

---

哦，还有一个建议：不要使用

outline

，而是使用

border

，因为浏览器使用它的方式不同。

我认为您需要做的就是将左div设置为

float:left和右div到
浮点：右在容器内。这样，div将自动调整其内容的宽度

但是解决方案附带了一个警告：例如，如果您在左div中键入一个段落而没有使用回车符，则当左div扩展到其内容的长度时，右div将继续收缩。反之亦然。祝您一切顺利。
我想您需要做的就是将left div设置为
float:left和右div到
浮点：右在容器内。这样，div将自动调整其内容的宽度

但是解决方案附带了一个警告：例如，如果您在左div中键入一个段落而没有使用回车符，则当左div扩展到其内容的长度时，右div将继续收缩。反之亦然。祝您一切顺利。
您是希望“左”在“右”之上，还是希望它们并排排列？@JoseAntonio：我的意思是将两个div并排排列，而不是像我所理解的那样相互重叠。您希望“左”在“右”之上吗或者你想让他们并排吗？@JoseAntonio：我的意思是把两个div并排放置，而不是像我所理解的那样彼此重叠。