一句话 · 一个问题
- 在火狐的三维样式图里边可以看到，最外层的div，父级元素，总是沉在在最下边。就跟搭积木一样，一块一块的。行内元素和块元素就像一些积木（盒子）一样，文字就是文字。
- zoom属性，是IE特有属性，不是CSS标准。并且好像在IE6、7下，他的缩放时高低的缩放，IE9则是宽高等比同时缩放的。会触发haslayout的。
- 而height:1%;是CSS标准属性，也会触发haslayout。 那么什么又是haslayout 呢？它是IE特有的一个属性，IE6、7、8所共有的，并不是W3C标准，大多数IE下的显示错误都源于它，彻底搞清，请点击“实战haslayout”！（注：layout是指一个独立的布局，是IE特有的，触发以后就变成haslayout=true，并且只能触发不能定义。）
- IE6，元素的尺寸会被内容撑大，其他浏览器，元素的尺寸大小不会受内容影响。即IE6即使定义了尺寸，内容多了他也会被撑大！（注：所以，有时候会对height单独设一个auto，然后加上!important，我觉得就是给其他浏览器看的。）
- float的div一定要闭合！例如：兄弟块A、B、C，A和B浮动了，不希望C继续平移，而是往下排。就需要清除浮动！
- 居中问题
①垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过vertical-align: middle.( 注意内容不要换行.)
②水平居中. margin: 0 auto;(当然不是万能) - 作为外部的 div 不要定死高度, 最好还加上 overflow: hidden和weight:auto..以达到高度自适应。
-
<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
必须对应”格式——以UTF-8无BOM编码格式“
<meta http-equiv="Content-Type" content="utf-8" />
必须对应“格式——以ANSI编码格式”
- visibility:其中需哟强调的是，它的隐藏hidden和display：none不一样，他是隐藏还留位，后者是彻底消失！还有，它对所有浏览器都兼容！
inherit : 默认值。继承父对象的可见性 visible : 对象可视 collapse : 未支持。主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于 hidden hidden : 对象隐藏