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

我正努力尝试实现以下布局。我有以下的div：什么是实现这种布局的最佳方式？

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

我如何用我的div位置和显示让我的网页，以显示正确？

来源

2012-02-29 emt14

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

http://jsfiddle.net/FFU2Y/

希望它帮助。

只是试图编辑你喜欢它的CSS或添加div。

来源

2012-02-29 08:57:30 Bert

谢谢你的帮助。然而，我最终使用了display：table和display：table-cell，它看起来更干净和直接。 – emt14 2012-02-29 12:59:38

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

http://960.gs/

或另一种方法是使用引导从Twitter，它提供网格解决方案，CSS复位，多真棒花式。
http://twitter.github.com/bootstrap/

来源

2012-02-29 08:52:41

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

回答

相关问题