摘要： position有下面属性值：static: 不使用定位（默认值）fixed：特殊的绝对定位absolute: 使用绝对定位relative: 使用相对定位示例图：绝对定位：绝对定位可以直接定位到所需要的坐标位置，所以在布局的时候会很容易，但是无法处理带有页脚的页面布局，因为我们无法确定中间的中文内容，所以无法精确的将页脚定义到中间正文的下面。绝对定位以浏览器的原始起点为依据，如果浏览器没有设置，则参照父级起点定位。当div2的position设置为absolute后，其到底以谁为对象进行偏移呢？这里分为两种情况：（1）当div2的父对象(或曾祖父，只要是父级对象)parent也设置了posi 阅读全文

摘要： padding和margin的区别。padding：内边距；margin：外边距；图示：padding的改变会改变整个层的大小，而margin不会。关于margin的一个小实例：如果两个Div都设置了margin的值，那他们之间的距离如何变化呢？是两个margin相加？想减？其实是依据margin值大的那个值为两者之间的距离。下面图例中，红色层的margin是16px;绿色层的margin是30px，经测试他们之间的margin是30px；这次换成红色层的margin是16px;绿色层的margin是10px，经测试他们之间的margin是16px； 阅读全文