一些闲言碎语，好记星不如烂笔头（一）

一句话 · 一个问题

1. 在火狐的三维样式图里边可以看到，最外层的div，父级元素，总是沉在在最下边。就跟搭积木一样，一块一块的。行内元素和块元素就像一些积木（盒子）一样，文字就是文字。
2. zoom属性，是IE特有属性，不是CSS标准。并且好像在IE6、7下，他的缩放时高低的缩放，IE9则是宽高等比同时缩放的。会触发haslayout的。
3. 而height:1%;是CSS标准属性，也会触发haslayout。    那么什么又是haslayout 呢？它是IE特有的一个属性，IE6、7、8所共有的，并不是W3C标准，大多数IE下的显示错误都源于它，彻底搞清，请点击“实战haslayout”！（注：layout是指一个独立的布局，是IE特有的，触发以后就变成haslayout=true，并且只能触发不能定义。）
4. IE6，元素的尺寸会被内容撑大，其他浏览器，元素的尺寸大小不会受内容影响。即IE6即使定义了尺寸，内容多了他也会被撑大！（注：所以，有时候会对height单独设一个auto，然后加上!important，我觉得就是给其他浏览器看的。）
5. float的div一定要闭合！例如：兄弟块A、B、C，A和B浮动了，不希望C继续平移，而是往下排。就需要清除浮动！
6. 居中问题
   ①垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过vertical-align: middle.( 注意内容不要换行.)
   ②水平居中. margin: 0 auto;(当然不是万能)
8. 作为外部的 div 不要定死高度, 最好还加上 overflow: hidden和weight:auto..以达到高度自适应。

9. <meta http-equiv="content-type" content="text/html"; charset="utf-8" />

   必须对应”格式——以UTF-8无BOM编码格式“

   <meta http-equiv="Content-Type" content="utf-8" />

   必须对应“格式——以ANSI编码格式”

10. visibility:其中需哟强调的是，它的隐藏hidden和display：none不一样，他是隐藏还留位，后者是彻底消失！还有，它对所有浏览器都兼容！

    inherit	:	默认值。继承父对象的可见性
    visible	:	对象可视
    collapse	:	未支持。主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于 hidden
    hidden	:	对象隐藏