Question

我的HTML看起来像这样：

<div>
    <div style="display:inline-block; width: 200px;">Sidebar</div>
    <div style="display:inline-block;">Content</div> 
</div>

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

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

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

使用表格实现这一点很简单，但如果可能的话，我想“正确”地执行它。我也不想使用浮动。

提前致谢。

Answer 1

首先我建议不要使用inline：block并尝试使用float解决方案。也可能需要在父div上使用clearfix。

目前还不清楚你要做什么