相关的主题: 以前写的， 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)