html - 液体布局中水平对齐的 div - 一个背景延伸到另一个后面

Question

我有一个流式布局。我需要 2 个 div 水平相邻并占据整个可用宽度。第二个 div 需要是其内容的宽度，所以第一个 div 应该占据剩余的空间。

这是我的尝试: http://jsfiddle.net/jamesbrighton/N2prR/2/

它的工作除了#other 的背景延伸到#button 之后。我的实际网站 #other 也有一个背景图像设置在它的右边。这意味着我只需要将背景颜色和图像扩展到#button，而不是超出它。谢谢

Answer 1

所有两个 div 中的第一个应该是 float 的。 (如果不是，它们存在于不同的“层”中并重叠)

至于自动宽度的事情，我不认为你可以用 html 轻松地做到这一点。根据我的经验，使用 div 设置宽度/高度总是更好。

如果您愿意，可以使用 2 td 表格(一个设置为 100% 宽度，另一个设置宽度 - 例如 200px)

祝你好运