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

课程

/前端开发

/HTML/CSS

/固定层效果

是否可以用来反驳老师讲的课？

课程：固定层效果 1-3 absolute与fixed的相同点

这是效果：

575e59020001e3c205000200.jpg

这是代码：

575e590300011fb705000222.jpg


星星3394050

2016-06-13

源自：固定层效果  1-3

关注问题 我要回答
256
操作
收起

正在回答

2 回答

yuyang123 回答被采纳 +3 积分
2016-06-15

你没有设置任何top left right bottom，所以浏览器会将其放在原本的位置上。

你可以给其box2box3设置一个

top:0;left:0;

然后看看效果。

而且因为你没有给父元素设置position，其会参照html进行定位。

0 回复 有任何疑惑可以回复我~
收起回答
#1

yuyang123

不对，是我弄错了。 你的问题主要是没有reset浏览器的默认样式，你可以用这个试试 *{ margin:0;padding:0; }
2016-06-15 回复 有任何疑惑可以回复我~
#2

yuyang123 回复 yuyang123

以上俩种就你错的原因了
2016-06-15 回复 有任何疑惑可以回复我~
#3

星星3394050 提问者 回复 yuyang123

膜拜，我去试验了一下，大哥，你是对的。*{margin:0;padding:0;}，我看老师用了body{margin:0;padding:0;}，我也用这个来清除默认样式，为什么不能用body……
2016-06-16 回复 有任何疑惑可以回复我~
#4

yuyang123 回复 星星3394050 提问者

*这个是通配选择符，表示选择你所有的标签。不仅仅只有body，有些浏览器li ul，hn等等很多标签都会设置有默认样式，老师案例是因为例子代码量比较少，所以用body也OK。不过如果你用到了其他的有浏览器默认样式的其他标签，就必须要重置下样式了。不过还需要补充的一点是，在这里用*通配符选择，是我偷懒了下，因为一般工作的时候不推荐直接用通配符选择器，其性能较低。
2016-06-16 回复 有任何疑惑可以回复我~
查看2条回复
skiest007
2016-06-13

按理box2 ，3 应该贴着html的，因为没有已经定位的元素，实际却贴着上一个兄弟元素box1.是这个问题吧？

0 回复 有任何疑惑可以回复我~
收起回答
#1

星星3394050 提问者

对啊，而且我看评论里面，好多人说在原来的位置，现在box3就不在原来的位置。
2016-06-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
固定层效果
  • 参与学习       51923    人
  • 解答问题       148    个

运用属性值就轻松实现网页固定层效果

进入课程

是否可以用来反驳老师讲的课？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信