如何包装表（CSS）

Question

红色：窗口
黑色：桌子

如何更改CSS使绿色和蓝色div包装表？

*不要改变div的宽度

直播：http://jsfiddle.net/losiuhoi/xvV8E/

Answer 1

您不应指定包装div的宽度（并将它们放入inline-block）：

.green{
    display: inline-block;
    height:200px;
    background-color:#0C0;
}

如果你在你的例子中指定宽度（如98％），它将不会完全包裹表，而只包含98％。

感谢Paulie，这是一个JSfiddle：http://jsfiddle.net/Paulie_D/xvV8E/5/

此外，display: table;也会起作用，如果行为没有其他差异，你必须选择哪一个在语义上最正确。