CSS其他

5.z-index
设置元素的定位方式后,元素浮在页面上方,此时可以通过修改z-index属性设值优先级,取值为数字,值越大优先级越高,默认为auto(大多数浏览器默认为0)注意:只能给非static定位的元素设置z-index属性
在这里插入图片描述
七、其他CSS属性
1.浮动和清除
1.1浮动属性
通过float属性实现元素的浮动,可以让块级元素脱离常规文档流,向左或向右移动,在同一行显示,如果一行显示不下,则会换行
常用取值:
·left左浮动
·right右浮动
·none不浮动,默认值
设置float属性后,元素会浮在画面上层,此时父容器无法计算自己尺寸,通常会在容器的末尾添加一个清楚了float的空div来解决
1.2清除属性
通过clear属性实现清除,设置元素的那一侧不允许有浮动元素,母的是为了和其他元素换行隔开,只对块级元素有效
常用取值:
·left:左侧不允许有浮动元素
·right:右侧不允许有浮动元素
·both:两侧不允许有浮动元素
·none:允许两侧都有浮动元素,默认值
结论:
·对于非浮动元素,两边都可以设置清除(常用)
·对于浮动元素,向哪边做浮动,就只能设置哪边的清除在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值