Re: [問題] CSS使用DIV排版方式的問題

看板Web_Design作者 (我的征途是星之海)時間19年前 (2005/11/13 16:12), 編輯推噓1(102)
留言3則, 2人參與, 最新討論串7/9 (看更多)
※ 引述《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

11/13 16:38, , 1F
做出來了,用了三層的巢狀DIV
11/13 16:38, 1F

11/13 16:49, , 2F
詳細...XD
11/13 16:49, 2F

11/13 16:49, , 3F
還有就是#main我設的寬度不足,所以被擠下去了
11/13 16:49, 3F
文章代碼(AID): #13TlLZhg (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #13TlLZhg (Web_Design)