盒子边界及定位属性
一、盒子边界
1、大部分html元素的盒子属性(padding,margin)默认值都为0,有少数html元素,如body,p,ul,ol,li,form,input边宽属性默认值都不为0,可以在样式表中先设置0
2、一个元素包含另一个元素,如果没有设置父级元素的内边距或边框,那么边界会合并,解决方法,设置父级元素的内边距或边框;
3、不能用空元素的边界撑空间,空元素会发生边界合并
4、只有垂直外边界会发生边界合并,但是如果元素是行级块、浮动元素、绝对定位元素是不会发生合并的
5、可以利用浮动特性解决外边界合并的问题,对元素增加display:inline-block;float:
left属性。
6、应用优先考虑使用内边距进行控制。
二、定位属性
1、相对定位是参照元素原来的位置进行移动,元素原有的空间位置不变,元素在移动时会盖住其他元素
2、绝对定位是元素完全脱离文档流,页面中的其他元素视他不存在。
3、绝对定位是参照距离他最近的父级有定位属性的元素,如果父级元素没有定位属性,则会参照文档。
4、设置绝对定位时,找一个合适的级将其设置为相对定义,并最好为这个具有相对定位属性的父级设置宽高。