Re: [問題] DIV 拼圖

看板Web_Design作者TKirby ( ^-^)時間20年前 (2004/12/02 10:28)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串1/1

相關的主題: 以前寫的， http://www.csie.ntu.edu.tw/~b88039/technique/teach/css/standard.html 這個網站有很多關於css在瀏覽器上的問題 http://www.positioniseverything.net/ 另外，關於float:left的height問題，我想應該是一但float了，它的container就不再是原本那個div了比方說設position:absolute以後再設height:100%的話，div的高度會變成整個螢幕寬而float:left的情況則是跟著line-height這個屬性變動你可以試著調整 xxx 那個div或者是它的container的line-height屬性簡單的說要注意的是在不同的position model下其相對的百分比的參考值就不一樣了 float這個東西其實還蠻複雜的叫一堆block去排隊.... 我記得有個網址專門講float的，可惜看完就丟了 ※ 引述《capitalM (that I've never had)》之銘言： : ※ 引述《capitalM (that I've never had)》之銘言： : : 用DIV拼圖要如何才能拼到完全密合呢 : 心得筆記: : 1) IE對於DIV的高度有一些奇怪的設定 : 某些情況下它會忽略掉 height 屬性 : 例如<DIV></DIV> 中間是空的時候 IE會設成某個奇怪的高度 : DIV 內容高度超出設定的高度時 IE會自動放大DIV : 解決方法: 放一個看不見、高度剛好的元素到DIV裡 : 2) Geko核心對於 float: left 或是 float: right的 block : 用 height: 100% 有時會失效 : (失效的時機: 外部block 的高度是隨內容改變，而不是定值) : 解決方法: : 原本是 : <div> : <div style="height:100%;float:left">xxx</div> : <div style="margin-left:100px">yyy</dev> : </div> : (在Geko核心中這樣的height:100%是沒有效的) : 改成 : <div style="float:none;padding-right:100">xxx : <div style="float:right">yyy</div> : </div> : 這樣 xxx 的大小就會自動被 yyy 撐大 : 3) 理論上除非是在 <pre></pre>裡面 : 否則在 html code 裡換行應該是不會影響到版面的 : 但是IE有時會無緣無故幫你換行 : (如 <div> : <img src="xxx"> : </div> : IE 竟然會在圖片下面加上一行 ) : 所以在打 code 的時候要注意 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.30.67 ※ 編輯: TKirby 來自: 140.112.30.67 (12/02 11:01)