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

看板Web_Design作者時間18年前 (2005/11/13 15:43), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串6/9 (看更多)
如果你知道 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)
文章代碼(AID): #13TkwUz0 (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #13TkwUz0 (Web_Design)