为了账号安全,请及时绑定邮箱和手机立即绑定

固定层效果

难度初级
时长32分
学习人数
综合评分9.67
353人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰

已采纳回答 / yuyang123
你没有设置任何top left right bottom,所以浏览器会将其放在原本的位置上。你可以给其box2box3设置一个<...code...>然后看看效果。而且因为你没有给父元素设置position,其会参照html进行定位。

已采纳回答 / BozzSmBd
其实你自己写一下代码看效果就能得到问题的答案了。我刚才试了一下 不管父元素是绝对定位还是相对定位,子元素都是以当前父元素的位置为基准再进行偏移的。即如果父元素"top:50px; left:50px;"那么子元素会在此基础上再进行子元素的偏移.我也正在学习, 若是回答有不准确的地方烦请指出!

已采纳回答 / 云图丶星空之下
设置fixed之后是固定的  无论滚动条滚不滚动  其相对浏览器底部都是50px   建议你把代码单独复制出来  然后通过浏览器观看

已采纳回答 / yanmoer
<...图片...>例如:& iddiv id="a" style="z-index:2;"&t;/A&v&g/div&;di& iddiv id="b" style="position:relative;z-index:1;"&t;/B&v&g/div&;di& iddiv id="c" style="position:relative;z-index:0;"&t;/C&v&g/div&-in如图z-index 属性设置元素的堆叠顺...

已采纳回答 / 慕粉3168198
内填充:上,左右,下  ==上5px,左右10px,下0

已采纳回答 / 慕粉3168198
上,左右,下 = 上20px,左右自动居中,下0

已采纳回答 / qq_包包世界我专业_0
这是W3C规定的当合子跟合子重叠或接触的时候,它们的外边距就会合并了,谁的外边距宽就取谁的外边距为准,希望你能理解,代码你看不出来的,

已采纳回答 / 啥都要学会
你把后面那个视频也看一下,就明白了。这么给你说吧,在body中,我们要调整的部分为mainbody块,此时top块的top层与mainbody块的top层撞车了,撞车后mainbody因为设置top=20px,取外边框边界高度最大的,所以,浏览器窗口与内容部分空出了20px,要解决此撞车问题,给top块的top层也加一个偏移量为0px,各使用各的,就不会撞车了。

已采纳回答 / qq_安伊偌拉_0
因为div是fixed,所以脱离标准文档流。X元素设置了上边距,body距离html也有一个上边距,但是body没有border,padding属性,所以由于margin有垂直外边局合并问题,body的上边距也变为15px,div会紧贴body上边。所以,div与浏览器上边界相距15px。

最赞回答 / qq_四年_4
老师的表述过于复杂了吧。只要是绝对定位(absolute、fixed),未设置偏移量时,都保持原始位置不动、设置了偏移量后,absolute以离自己最近的定位祖先元素进行定位,如果无定位祖先元素,以html为基准进行定位;fixed,以浏览器窗口进行定位。
首页上一页1234下一页尾页
课程须知
1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识
老师告诉你能学到什么?
1.position属性中绝对定位(absolute)和固定定位(fixed)的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消