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

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

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

这是效果:

575e59020001e3c205000200.jpg

这是代码:

575e590300011fb705000222.jpg


正在回答

2 回答

你没有设置任何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条回复

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

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

星星3394050 提问者

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

举报

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

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

进入课程

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

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