實現此布局的最佳方法是什么？

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。