close

之前做網頁是用表格來排版
現在想說學習div排版
div區塊的定位用position:relative來移動區塊
做到最後發現區塊下方有一大片空白(大概如下面所示)
尋求解決的方式..謝謝

┌───────────────────┐
│┌───────┐ ┌───────┐ │
││ div區塊 │ │ div區塊 │ │
│└───────┘ └───────┘ │
│ │
│ │
│ 一大片空白 │
│ │
└───────────────────┘



eakfix">


CSS的排版請參考http://www.maxdesign.com.au/presentation/page_layouts/
有很多種的範例, 基本的你可以先點 Liquid two column layout - final result, 這是你要的左右兩欄式的!

至於你說的下方有空白, 我想是div的高度問題, 因為通常是內容變多了, div自然會愈來愈長.
如果希望一開始就很長, 不會下方一大片空白,就將兩個div區塊的height設大一點.

另外div排版, 不是用 position:relative來排的, 都是用float和margin, 你先看一下上述的範例去了解!