登录按钮位置问题

来源：9-8 登录功能开发

儒雅随和4342680

2021-07-04

css调整位置好像不起作用，登录按钮一致显示在这个位置，该怎么移动到最右侧呢

图片描述

下列代码的颜色是有作用的，但是位置不起作用

<style>
.login-menu {
  float: right !important;
  color: white;
}
</style>

PS: 应该不是代码问题，我复制了源码中的the-header.vue文件的代码

我对前端不是很了解，有什么解决的办法吗，谢谢老师

写回答

4回答

相依包工头

2021-07-18

放在<a-menu>外面就行了

//img.mukewang.com/szimg/60f3e7000961274317230876.jpg

LongCode

你加在menu前面了，加在menu后面还是存在他的那个问题，奇了怪了

2023-06-12

共6条回复

Martin_zyt

2021-10-12

应该是我们的ant-desig-vue版本跟老师的不一样导致的，我也出现了这样的问题。老师的版本是"ant-design-vue": "^2.0.0-rc.3", 而我们安装的最新版本是"ant-design-vue": "^2.2.8", 按照[相依包工头]的回答是可行的，但要注意放在<a-menu>上面，放在下面会被遮挡看不见

兰柯万

2021-07-11

<style>
    不要在style前面加注释，你加了注释css就不会生效
    <!-- 登陆样式设定   -->
    .login-menu {
        float: right;
        color: white;
    }
</style>

加注释之后

//img.mukewang.com/szimg/60ea10880967b00619170927.jpg

删除注释后

//img.mukewang.com/szimg/60ea10b009b714f119200910.jpg

儒雅随和4342680

谢谢你的解答，我没有在这加注释，这个css是生效的，因为我改color颜色确实会生效，可能是其他原因吧

2021-07-11

共1条回复

甲蛙

2021-07-07

关键的属性就是float:right，没别的了，我的源码里就这些，你检查下相关的代码位置不要写错

//img.mukewang.com/szimg/60e5074009b0740811030167.jpg

//img.mukewang.com/szimg/60e5075b099d71c607290475.jpg

Spring Boot+Vue3前后端分离，实战wiki知识库系统

一课掌握前后端最火框架，更有职场竞争力

2566 学习 · 1679 问题

查看课程

相似问题

关于9-8章节的登录按钮报错求助

回答 2

登录成功后，昵称不显示

回答 6

最后没用单点登录？

回答 1

如果有多个用户同时登录，那在vuex中保存的user的数据不就错掉了吗？

回答 1

关于使用token和sessionID的问题

回答 1

打开慕课网App查看更多内容