2013-01-18 127 views
0

如何使用html和css實現下面顯示的設計?Div對齊一個高於另一個?

enter image description here

側邊欄應該是在所有其他項目,如標誌和菜單和內容的頂部。菜單應該放在側邊欄後面。內容呈「L」形。內容區域應該上升到側邊欄,並且在側邊欄下方。側邊欄長度小於總內容區域。

+2

僅供參考:如果您用四個空格縮進每行,Markdown會將該行渲染爲代碼。這意味着它會尊重空白(並且你不必用' '來驅動自己瘋狂)。 – Donut

+0

到目前爲止,您是否有任何代碼可以發佈? – DigTheDoug

+0

我想實現的原始設計(http://postimage.org/image/6ewdbhatj/) – AmitW

回答

0

這是一個很好的草稿,讓你開始。

(http://jsfiddle.net/tech0925/Sm8HB/)

乾杯!

+0

下面是闡明我的設計的鏈接。 [鏈接](http://postimage.org/image/6ewdbhatj/) – AmitW

+0

現在爲你工作:) – 2013-01-19 07:37:40

+0

這是一個很好的草稿,讓你開始。 http://jsfiddle.net/tech0925/Sm8HB/我會在上面更新我的答案。 – 2013-01-19 09:15:59