Html 多行块元素

我的HTML如下所示：

边栏
内容

我的目标是水平显示div和列表项。我应该在第二个div上设置什么样式的列表项来强制其宽度填充屏幕的其余部分（屏幕宽度-200px，第一个div的宽度）？我不能使用特定的px值，因为不同的屏幕尺寸会导致px值的变化

此外，当第二个div中有足够的内容需要换行时（例如，使用display:inline block设置样式的无序列表项），它将垂直显示div，而不是换行

这在IE9兼容模式下也不起作用，即使使用*display:inline hack

使用表实现这一点很简单，但如果可能的话，我希望做到“正确”。我也不希望使用float

---

提前感谢。

首先，我建议不要使用inline:block，而是尝试浮点解决方案。还可能需要在父div上使用clearfix

---

不太清楚您想做什么

将左div浮动，然后调整右div上的边距以将它们分开，感觉像是一种黑客行为。我会使用它，因为这是一种常见的做法，而且很有效。Float对我不起作用。在右边的div中，我有一个无序列表，它使用display:inline块来水平显示列表项。既然真的没有正确的方法，就使用float，这是最好的方法。我从不使用内联块，我也不认为你应该这样做。Iirc，它在IE9兼容模式下的旧版本中不受支持，但在普通IE9或Firefox 8中不受支持。问题是右div包含通常包装在div中的内容，但在现代浏览器中，它将右div向下推到左div下面。发布URL的策略是什么？如果可能的话，我可以提供一个链接来说明我的情况。我发现了我的问题，右边的div中有另一个div清除了float，这就是它行为不端的原因。谢谢你的帮助。