关于.header窗口定位居中的问题

关于.header窗口定位居中的问题

.header{

transition:all 1S;

top:0;

left:0;

right:0;

z-index:3;

}

之前老师不是说过left和right同时作用于一个元素的时候,right是不会生效的吗?为什么这里用了right就让header整个居中了呢?

正在回答 回答被采纳积分+1

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

2回答
慕雪7895852 2017-03-24 09:36:16

我测试了,没有问题

  • 提问者 二农戏猪 #1
    所以我在想老师之前说过的当left和right同时作用于一个元素时right不生效是怎么一回事
    2017-03-24 12:41:28
  • 慕雪7895852 回复 提问者 二农戏猪 #2
    不好意思,暂时我还没有找到理论上更好的解答,我个人觉得:当左右同时设置为0时,应该相当于auto,这只是我的一个猜想,以后有机会可以咨询下身边比较资深的前端,或者去知乎(目前知乎上也没有找到很好的回答,主要还是自己测试为主)上提问看下
    2017-03-24 12:48:21
  • 提问者 二农戏猪 回复 慕雪7895852 #3
    妥我也觉得是auto的样子,辛苦了兄弟
    2017-03-24 13:03:28
慕雪7895852 2017-03-23 22:49:55

你这个header是采用“固定定位的吧”,如果是固定定位,且header盒子没有设置宽度的话,左右的一定都要设置为一个边距,否则header就会偏向一边,你在代码里再测试下,将这个right去掉,然后给header盒子设置一个宽度为width:100%,可以实现同样效果

  • 提问者 二农戏猪 #1
    这是滚动以后触发的header: .header_staus_back{ background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; right:0; z-index:3; } 这是之前的header: .header{ background-color:#f7f7f7; position:relative; }
    2017-03-24 01:11:25
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

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

在线咨询

领取优惠

免费试听

领取大纲

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