作者LokiCjn (我的征途是星之海)
看板Web_Design
標題Re: [問題] CSS使用DIV排版方式的問題
時間Sun Nov 13 16:14:27 2005
※ 引述《chweng ()》之銘言：
: 如果你知道 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 會變得很下面，
: 這時候大概就只能先排一個三欄式的，然後把左邊的再分割為上下了。
其實我都把clear: left;直接寫在各個class裡面
IE看起來正常
但Firefox下看就不行了
如果<div style="clear: left;" />
那到了content時要如何將它移回上方呢？
我想只要解決這個問題應該就可以了吧
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.174.144.156
1F：→ LokiCjn:做出來了，用了三層的巢狀DIV 11/13 16:38
2F：推 sweshi:詳細...XD 11/13 16:49
3F：→ LokiCjn:還有就是#main我設的寬度不足，所以被擠下去了 11/13 16:49