gpt4 book ai didi

html - 如何将我的物化下拉按钮放在右边?

转载 作者:太空宇宙 更新时间:2023-11-04 08:06:30 24 4
gpt4 key购买 nike

由于某些原因,我无法将下拉按钮放在页面的右边缘,这是我的代码:

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

<div class="container">
<ul id="dropdown" class="dropdown-content">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#entreprise">Notre entreprise</a></li>
<li><a href="#réalisations">Nos réalisations</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a class = "btn dropdown-button" href = "#" data-activates = "dropdown">Mail Box
<i class = "mdi-navigation-arrow-drop-down right"></i></a>
</div>

这是我拥有的:https://codepen.io/anon/pen/pWpRRz

最佳答案

只需添加以下css

.container {
position: fixed;
top: 5%;
right: 0;
left: 0;
}
.btn{
float: right;
}

您还可以检查 Updated Codepen.

关于html - 如何将我的物化下拉按钮放在右边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46585700/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com