【BUG日记】【CSS】top和bottom、left和right同时存在的时候,left、top优先级最高(无论class、style、!import)

605 阅读1分钟

【日期】

2022/3/18

【问题】

今天在实现项目功能的时候,发现top和bottom如果同时存在,不管top和bottom位置放在哪里的样式,top一直都比bottom的优先级高,left和right同时存在的时候也是一样,left一直会比right的优先级高。然后就导致功能失效。
「存在问题Demo的展示」 不生效.gif
「需要做到Demo的展示」 生效.gif

【原因】

top和bottom、left和right同时存在的时候,left、top优先级最高(无论class、style、!import)

【如何发现】

想要完善实现功能的时候,发现的,这个可真是狠啊!

【如何修复】

细心的朋友可能看到了,在想要做到的demo展示图里,只需要对top、left添加上auto即可解决问题!
(ps:大佬指点,感谢春哥(摸鱼的春哥),yyds!)

【总结】

遇到凡事不要慌,先去问问大佬(春哥).

文章小尾巴

文章写作、模板、文章小尾巴可参考:《写作“小心思”》
  感谢你看到最后,最后再说两点~
  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。
  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~
  我是南方者,一个热爱计算机更热爱祖国的南方人。

  (文章内容仅供学习参考,如有侵权,非常抱歉,请立即联系作者删除。)