盒子边界及定位属性

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值