重温css系列01_html/css_WEB-ITnose

独自坐着地铁 突然一股莫名的孤独感涌上心头，原来这么久都是一个人承载着生活中的苦辣与酸甜！

往往都在拼命的往终点狂奔，忽略了太多身边的人和事了，需要我们静下来，重新整理一下自己的思绪，勿忘初衷！??2015-10-11（帮朋友搬家）

好，我们进入今天的主题 重新整理一下css中一些容易忽略的问题

1.css盒子模型

    
        
            
hello word 
        
    
    
        
            
hello word 
        
    

2.定位相关

A    
A - 1        
            A - 2

一些的position小知识

1）应用了position: relative/absolute的元素，margin属性仍然有效，以position:relative来举例。

如果设置了left、top、bottom、right的属性，建议大家不要设置margin数据，因为很难精确元素的定位，尽量减少干扰因素。

2）position: absolute忽略根元素的padding。

3）在IE6/7中设置position属性后会导致z-index属性失效

4）行内元素在应用了position：absolute之后会改变display。

因此，要注意到relative是并没有改变行内元素的呈现模式，而absolute是会改变行内元素的呈现模式，如果设置了absolute并不需要显式的的将元素display改成block。

5）应用了position: absolute / relative之后，会覆盖其他非定位元素（即position为static的元素），如果你不想覆盖到其他元素，也可以将z-index设置成-1。

Fixed

在很长的时间里，这个属性值因为兼容性问题，并没有得到非常广泛的应用（IE6未实现该属性值）。fixed和absolute有很多共同点：

1. 会改变行内元素的呈现模式，使display之变更为block。
2. 会让元素脱离普通流，不占据空间。
3. 默认会覆盖到非定位元素上。

fixed与absolute最大的区别在于：absolute的”根元素“是可以被设置的，而fixed则其”根元素“固定为浏览器窗口。即当你滚动网页，其元素与浏览器窗口之间的距离是恒定不变的。

具体的列子可以参考：

3.选择器

首页框架布局结构展示：