如何使多个div显示在一行，但仍然保留宽度？
通常情况下，如果要让它们显示在同一行中，则将元素设置为显示：内联。 但是，将元素设置为内联意味着width属性将是无意义的。
你怎么让div在同一行而不使他们内联？
你可以使用display:inline-block 。
该属性允许DOM元素具有块元素的所有属性，但保持内联。 有一些缺点，但是大部分时间都够用了。 为什么这是好的，为什么它可能不适合你。
编辑：唯一的现代浏览器有一些问题，它是IE7。 参见Quirksmode.org
我用这个财产
display: table;
和
display: table-cell;
链接到下面的小提琴显示包装在div中的3个表，这些div进一步包装在一个父div
<div id='content'> <div id='div-1'><!-- COntains table --></div> <div id='div-2'><!-- contains two more divs that require to be arranged one below other --></div> </div>
这是jsfiddle： http : //jsfiddle.net/vikikamath/QU6WP/1/我认为这可能有助于有人希望设置div在同一行，而不使用display-inline
你可以漂浮你的列div使用float：left; 并给他们宽度。
为了确保你的其他内容都不会混乱，你可以将浮动的div包装在父div中，并给它一些清晰的浮动样式。
希望这可以帮助。
