Smigoo

真是越学越发现自己啥都不会啊～…..关于这个haslayout是前天刚刚听咱们公司一牛人告诉我的，以前是一无所知….

在网上查阅了很多篇整理出来，下面是一些笔记，供自己与大家分享～

haslayout的重要性：

先不说这个haslayout是什么，我想让你知道haslayout的重要性。

我们经常遇到的一些IE渲染错误，都可以通过haslayout来解决。例如著名的双倍边距，3像素偏移等等。

好吧，我承认我是卖关子…..=。= Continue reading →

经常会遇到要保持最小宽度，以及高度的问题，我们可以用min-height或者min-width来解决。但是这两个属性在IE6中是不起效果的，我并不仇视IE6，虽然它带来了太多太多的麻烦，但是它也算是曾经时代的一个经典了，不如把它当作挑战好了。

这是解决min问题最通用的方法：（下面为例子，min-width效果相同）

{min-height:100px;

height:auto !important;

height:100px;

overflow:visible;

}

第一行，min-height:100px;这一句，IE6无法理解，但是对Firefox，IE6+，Safari等浏览器传达到是最小的高度设置为100px。

第二行，height:auto !important;在IE6中依然会被忽略，因为IE6看不懂!important（因此常被用作针对天生的hack），而其他浏览器会解析出超出自动扩展的效果。

然后，第三行是height:100px;终于IE6可以看懂了，告诉IE6初始大小为100px。因为之前的!impotant对其他浏览器来说是最优先选择的，所以其他浏览器会忽略这一条，只对看不懂!impotant的IE6有针对性。

第四行，overflow:visible;是IE6的独有属性，FF和IE6+等现代浏览器是没有的。意思是当内容超过时，内容不被隐藏，而是自动扩展容器显示出来，这样也正好可以达到效果了。

明天做其他笔记，关于CSS中比较头疼的清空问题。