html - 位置:绝对中断边距左:自动
问题描述
我正在尝试使用 margin-left: auto 和 display: flex 将我的汉堡菜单放置在导航的右侧。当我给出导航位置:绝对时,它会中断。我需要做什么?
HTML
<section class="nav">
<div class="nav-items">
<a href=""><h2 class="logo">logo</h2></a>
<div class="hamburger">
<div class="hamburger-lines"></div>
</div>
</div>
</section>
CSS
.nav {
position: absolute;
}
.nav-items {
display: flex;
}
.hamburger {
margin-left: auto;
}
解决方案
它会中断,因为您没有设置width。尝试将宽度设置为 100%
.nav {
position: absolute;
width: 100%;
}
推荐阅读
- c# - 如何重构使用嵌套 if-else 的代码?
- c++ - ReadFile 函数返回错误代码 50 - 不支持请求
- joi - 如何将对象转换为类型的对象
- python - pyaudio库安装错误如何解决
- highcharts - 工具提示在步骤图表高图中未显示较短的日期持续时间
- latex - 创建多行未定义控制序列
- batch-file - 使用 FOR 循环重命名带有日期戳的文件。收到错误“存在重复的文件名,或找不到文件。”
- python - 如何获得分类变量和连续变量之间的相关性?
- php - checkout_onepage_controller_success_action 不起作用
- django - Django:购物车匹配查询不存在