实现这种布局的最佳方法是什么？

Question

我正在努力尝试实现以下布局。 我有以下div：

----------------wrapper--------------
| ---------------info-------------- |
| | ----detail--    ---summary--  | |   
| | |          |    |          |  | |
| | |          |    |          |  | |
| | |          |    ------------  | |
| | |          |    ----graph---  | |
| | |          |    |          |  | |
| | |          |    |          |  | |
| | ------------    ------------  | |
| --------------------------------- |
|                                   |
| ---------------info-------------- |
| | ----detail--    ---summary--  | |   
| | |          |    |          |  | |
| | |          |    |          |  | |
| | |          |    ------------  | |
| | |          |    ----graph---  | |
| | |          |    |          |  | |
| | |          |    |          |  | |
| | ------------    ------------  | |
| --------------------------------- |
|                                   |
-------------------------------------

如何在我的div上使用位置和显示来使我的页面正确显示？

Answer 1

尝试使用960.css网格布局！

• http://960.gs/

  或其他方式将使用Twitter的Bootstrap，它提供网格解决方案，css重置，以及更多令人敬畏的样式。

• http://twitter.github.com/bootstrap/

Answer 2

我已经创建了你想要的样本。

http://jsfiddle.net/FFU2Y/

希望它有所帮助。

尝试编辑你喜欢的css或添加div。