摘要：<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 阅读全文

摘要：用!important解决IE和Mozilla的布局差别原文出自：http://www.w3cn.org/article/tips/2004/91.html，感谢作者无私奉献！!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{sRule !important }，即 写在定义的最后面，例如：box{color:red !important;}。 最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义。值得注意的是，FF对于”!important”会自动优先解析，而IE会忽略。并且一定 阅读全文

摘要：本文地址：http://www.zhangxinxu.com/wordpress/?p=1136，以下作者略有编辑。一、简单说说content内容生成通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性，而不仅仅是:before和:after伪元素。例如下面这个简单的例 阅读全文

摘要：来自官方的解释：float属性不等于 none 引起对象浮动时，对象将被视作行内块对象( iniline-block)，即 display 属性等于inline-block 。也就是说，浮动对象的 display 属性将被忽略。跟随浮动对象的对象将取代原来浮动对象的位置，即：浮动对象脱离标准流开始浮动。浮动对象会向左或向右移动直到遇到边框border、内补丁padding 、外补丁margin 或者另一个块对象( block-level )为止。我的一些体会，在标准流中，block在水平方向会自动伸展，直到到达父级元素的边界。而浮动元素会被自动设置成行内块！即他可以跟下一个兄弟同处一行，也可以 阅读全文

摘要：经常会碰到display来转换对象的显示方式，所以，决定彻底搞清楚他。block块状对象：显示是一个方块，单独占据整行，其他对象下一行显示，相当的霸道！inline行内对象（也叫内联元素）：允许下一对象与之共享一行！他的高度默认就是一行文字的高度！inline-block：官方解释，“将对象呈递为内联对象，但是对象的内容作为块对象呈递。即旁边的内联对象会被呈递在同一行内”。建议：块状对象可以包含行内对象做为子对象，而行内对象不要去包含块状对象作为子对象，若要包含需慎重！看完或许你就明白了。友情提醒：无论是块还是行内，都可以有margin、padding、border，并且不能继承！要是padd 阅读全文