摘要:
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; 阅读全文