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:允许两侧都有浮动元素,默认值
结论:
·对于非浮动元素,两边都可以设置清除(常用)
·对于浮动元素,向哪边做浮动,就只能设置哪边的清除