CSS中容易混淆部分小结

一、添加边框是： border: 1px solid
二、DIV内滚动：verflow-y:auto;overflow-x:auto;
三、position：
absolute和relative使用后，left，top，right,bottom值都是相对于父对象。很多地方都写相对于浏览器页面部分窗口，那是不对的。
           3中类型：
1、static   : 无特殊定位，对象遵循HTML定位规则
2、absolute：针对父对象用left，top，right,bottom定位 ，如果用absolute的元素之间（一般是兄弟元素之间啦），所占位置有重叠，那么它们的显示也会层叠。其层叠可通过z-index属性定义哪个在上面。此时对象不具有边距，但仍有补白和边框
3、relative：　对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，也就是如果它们（兄弟元素之间）定义的位置有重叠部分，也不会发生重叠。

四、margin,padding，border等区别：
可以理解为：从外到里（从大到小）的顺序：
margin(一个范围值)-->border（边）--->padding（一个范围值）-->context（内容部分）
也就是边到其他元素是margin,内容到边是padding
也可以理解从低到高层层覆盖:
margin(0)-->background-color(1)-->background-image(2)--->padding（3）-->context（4）