css - 边框不适用于 Divs 的 "table"

Question

我正在尝试使用标签和基本边框制作一个打印机友好的页面。目前我的代码是...

<div style="width: 100%; border: 1px solid black;">
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 34%; float: left; ">Text</div>
</div>

唯一应用的 CSS 是内联的。这按照我想要的方式在 IE 中工作... http://i.stack.imgur.com/abjdX.png

在 Chrome 中，“表格”的内容显示在边框下方，像这样... http://i.stack.imgur.com/qYNnk.png

非常感谢任何帮助，摇滚乐

附注这是一个有趣的 JFiddle

Answer 1

添加溢出:隐藏。

<div style="width: 100%; border: 1px solid black; overflow: hidden;">
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 33%; float: left; ">Text</div>
    <div style="width: 34%; float: left; ">Text</div>
</div>

http://jsfiddle.net/rYj7M/