摘要：
<div id="nofloatbox"> <div id="floatbox"> </div> </div>CSS代码如下： #nofloatbox { border: 1px solid #FF0000; background: #CCC; } #floatbox { float: left; width: 100px; height: 100px; border: 1px solid #0000FF; background: #00FF00; }下面给这个无浮动的div加上个zoom:1;来触发其ha 阅读全文
摘要：
一、什么是Layout触发了 hasLayout 的元素表现出来的特征就是一个独立的矩形容器，可以设置宽高而且不受外部元素的影响，类似于现代浏览器中的 Block formatting contexts （块级格式化上下文）的概念。产生 hasLayout 的元素之间表现出来互不影响IE 的 hasLayout，具有独立性，所以产生 hasLayout 的元素之间表现出来互不影响（即原来是什么样子，haslayout之后还是什么样子，原来有空隙，以后还有，原来没有，之后也没有。）。这也再次表明 IE6、7 中的 inline-block 不能等同于 CSS2.1 中的 inline-block 阅读全文
摘要：
一句话 · 一个问题在火狐的三维样式图里边可以看到，最外层的div，父级元素，总是沉在在最下边。就跟搭积木一样，一块一块的。行内元素和块元素就像一些积木（盒子）一样，文字就是文字。zoom属性，是IE特有属性，不是CSS标准。并且好像在IE6、7下，他的缩放时高低的缩放，IE9则是宽高等比同时缩放的。会触发haslayout的。而height:1%;是CSS标准属性，也会触发haslayout。 那么什么又是haslayout 呢？它是IE特有的一个属性，IE6、7、8所共有的，并不是W3C标准，大多数IE下的显示错误都源于它，彻底搞清，请点击“实战haslayout”！（注：lay 阅读全文