固定层效果_技术问答

首页免费课固定层效果问答

固定层效果

全部评论问答未解决精华

wengyaqiang

Fixed定位，“设置偏移量，有、无已定位祖先元素，均以浏览器窗口为基准偏移。”这个很好理解。

可是，“未设置偏移量，有已定位祖先元素，以祖先元素为基准定位；无已定位祖先元素，以浏览器窗口为基准定位”？好像不对吧，连同1-3中，说fixed与absolute的共同点“未设置偏移量时，都定位在父元素的左上角”都是错误的。慕课网做得很好，但是不要有错误的知识来误导啊。正确的说法应该是网页布局基础课程里说的http://www.imooc.com/video/1328

12 3-1 总结

2015-06-23

wengyaqiang

fixed与absolute的共同点“未设置偏移量时，都定位在父元素的左上角”是错误的，而是定位在原来的位置。你举例把box1进行absolute定位，box1原来的位置就是父元素的左上角，你怎么能说是absolute定位后定位在父元素的左上角？你把box1不动，把box2进行absolute定位，再看看box2会不会跑到父元素的左上角？？

20 1-3 absolute与fixed的相同点

2015-06-23

景子

老师讲的棒棒的

0 1-4 absolute与fixed的不同点

2015-06-19

belence

我觉得说的太复杂，很简单的东西!

4 2-1 固定层效果实现

2015-06-19

代码缩进快捷键

最赞回答 / 会飞的小强Jokey

vim的代码缩进快捷键是'=='

3 回答 1077 浏览 1-3 absolute与fixed的相同点

2015-06-18

衍洛雨

position:fixed;
top:0;

margin:0 auto;
margin-top:60px;

0 2-3 编程练习

2015-06-17

fix定位未设置偏移量，也没有已定位的祖先元素，以什么为基准定位

最新回答 / Song歌

确实啊，老师讲的前后矛盾

2 回答 586 浏览 3-1 总结

2015-06-17

hznn

我已经凌乱了。。。

0 2-1 固定层效果实现

2015-06-16

helixdna

普通话不行

0 1-1 案例展示及position属性介绍

2015-06-16

resway

老师把QQ号也暴露了...

4 1-1 案例展示及position属性介绍

2015-06-14

aashine

另外,楼下@goto_sky的所说的,题目并没有歧义.
因为div元素设置了fixed属性,则其就会脱离标准文档流.然后x元素就成了在标准文档流中紧邻body元素的元素,随即他们在纵轴方向上相遇了.这就产生了magin重叠问题.根据重叠原则(上一节有讲),body的magin-bottom就隐含成了15px.
但是,这里设置了fixed的div元素并没有设置top属性,则其仍按父包裹层(body)的位置不动.
所以,根据以上分析,div元素和 x元素都与浏览器可视窗口上边界相距15px.

22 2-2 练习题

2015-06-10

aashine

这题题目出的不够严谨,按答案D"div与浏览器可视窗口上边界相距15px"理解.该题目的html标签顺序应该是这样的:
<body>
<div></div> <!-已知div-->
<div></div> 
....
</body>
ps:只有当x元素为紧邻body的第二个标签元素时,答案D才成力(而这个题目并没表达清楚).

11 2-2 练习题

2015-06-10

差太多

图被慕女神吃掉了？我的图片呢

1 2-3 编程练习

2015-06-09

文召Wendell

必须吐槽介绍视频太魔性了！！！

2 1-1 案例展示及position属性介绍

2015-06-08

LittleBoy

讲的太快了，完全不考虑新手的理解能力和响应反应。

0 2-1 固定层效果实现

2015-06-08

首页上一页 25 26 27 28 29 30 31 下一页尾页

该课程已下架

课程须知: 1.您需要掌握简单的html+css相关知识 2.对position定位有简单的认识

老师告诉你能学到什么？: 1.position属性中绝对定位（absolute）和固定定位（fixed）的区别 2.偏移量的设置 3.固定层效果的如何实现

微信扫码，参与3人拼团

热搜

最近搜索清空