標題有點說。當我的導航欄打開時，X 轉到父綠色 div 的中間。我希望它與普通酒吧保持在同一個地方。這是一個現場演示：隱藏鏈接CSS 在 styles/city.css 中并向下滾動以查看hamburger,bar和mapNav: https://i.stack.imgur.com/QQFfA.png
導航欄已關閉
X 在哪里，但它應該是紅色的
提前致謝，
- JT
uj5u.com熱心網友回復：
此代碼片段與您的 HTML 一起使用會更優雅一些，但將以下 CSS 添加到您的代碼中：
margin-left: auto;將可能的最高邊距設定到左側，因此漢堡選單一直在右側。整個容器為50px，漢堡選單的寬度為25px，表示margin-left值為25px。將該邊距的一半應用于margin-right: 12.5px，這樣漢堡選單在關閉時居中并保持不變。
.hamburger {
display: block;
cursor: pointer;
padding-top: 10px;
width: 25px;
/* Remove this */
/* margin: auto; */
margin-left: auto;
margin-right: 12.5px;
}下次，請確保包含您的代碼！那么幫助你就容易多了。
uj5u.com熱心網友回復：
這可能不是最好的方法，但它會起作用。將此添加到您的 CSS 中。
.hamburger.active .bar {
position: relative;
left: 124px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/432839.html
上一篇：文本懸停時的過渡顏色