作者chweng ()
看板Web_Design
標題Re: [問題] CSS使用DIV排版方式的問題
時間Sun Nov 13 15:54:20 2005
如果你知道 clear: left 的意思，應該就不會有問題了。
<div style="clear: left;" /> 有點像是換行指令 <br />，
可以拿來清除 float，使接下來的內容由新的一行開始。
我猜你是這樣寫的吧(雖然這樣寫在我的 IE 中看起來也是錯的..)：
<div id="main">
<div class="side">left</div><div style="clear: left;" />
<div class="side">left</div>
<div class="content">center</div>
<div class="edge">right</div>
</div>
你可以照先排 side content edge，然後用 clear 清除掉 float 再來一個 side，
不過這樣會有另一個問題，
就是如果你的content內容很長，那第二個 side 會變得很下面，
這時候大概就只能先排一個三欄式的，然後把左邊的再分割為上下了。
※ 引述《LokiCjn (我的征途是星之海)》之銘言：
: 又發現一個大問題
: 在IE顯示是沒有問題
: 但是在Firefox不行了
: 會變成這樣
: ------
: |side|
: ------ --------- ------
: |side| |content| |edge|
: ------ --------- ------
: 也就是說
: 在IE下content、edge與side一樣對齊上方
: 但是在Firefox下content和edge都向下跑了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.134.107.22
※ 編輯: chweng 來自: 220.134.107.22 (11/13 15:59)