老师的两个属性干啥用的

老师的两个属性干啥用的

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好,如下,去掉清除浮动的话,下个区域会上移,从背景颜色是可以看出来的哦,这里是灰色背景不太明显,可以换个其他颜色的试一下,

http://img1.sycdn.imooc.com//climg/5b0286080001b32619200447.jpg

如下,z-index去掉之后,按钮就被遮罩层覆盖了。

http://img1.sycdn.imooc.com//climg/5b0286680001994111660559.jpg

这是属性前面课程中都是有的哦,这两个属性分别在float与定位中都是有的,建议:可以在好好的看下课程。

祝学习愉快~

慕神6715844 2018-05-30 13:32:47

用很简单的话说就是clear:等于去除临近元素的浮动(就是上下左右边的浮动),clear:left(去除左浮动) right(去除右浮动) none(什么都不去除) both(去除所有浮动)

而 z-index:2;  他的意思是层叠那个在最前面显示  值越大 他就越在前面显示!

例如:     <div style="float:left"></div>  浮动以后会脱离常规流

            <divstyle="clear:left; z-index:值越大越优先显示;"></div>      这样的话  这个DIV就会被  上面的那个DIV给遮盖住 且他俩在同一行显示 这样这个DIV就看不见了   给他加入clear:both; 他就会另起一行! 同样如果不给他加入clear:;属性 那么他会被遮盖,给他加入z-index:;属性值填写2他就会把上一个DIV遮盖住  不知道你能否理解?


好帮手慕糖 2018-05-21 16:22:16

你好,clear:both;是清除浮动,z-index是设置层级哦。

祝学习愉快~

  • 提问者 慕仙8385407 #1
    这两个属性我在浏览器里F12点开取消了没啥变化是为啥
    2018-05-21 16:26:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师