我在一个包含元素中有两个元素。容器宽度为 960px，每边有 10px 的内边距。我有两个相邻的 float 元素。第一个元素将包含未知数量的文本，另一个元素将需要调整以填充容器的其余宽度。
例如:
<div id="container">
<div id="item1">Unknown size</div><div id="item2">fill in width of left over</div>
</div>
编辑---->
更多信息:
我的第一个元素将包含未知数量的文本。第二个元素将不包含任何内容，而是包含背景并且更像是文本的重音。可以这样想:
启动您的引擎! (后面是轮胎痕迹的图案) 转牌注意! (后面是轮胎痕迹的图案)
这两个元素的文本长度不同，因此轮胎标记也会不同。但我需要所有人都在同一条线上。
最佳答案
你可以像这样 float #item1而不是 float #item2:
由于 float ，#item1 将位于#item2 之上，它已从常规文档流中移除。正如您在 jsfiddle 中看到的，item2 中的文本紧挨着 item1 流动，而背景占据了整个宽度。
如果你在它下面放置元素，你应该在 #item2 之后的第一个元素添加一个 clear:left
关于css - 在 CSS 中，当其他元素宽度未知时，如何自动填充容器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7864231/