我創建了如下導航欄：
<nav class="navbar navbar-expand-lg navbar-light bg-light rounded-bottom">
<a class="navbar-brand text-white font-weight-bold nav-link">Car Shop</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a href="/cars.html" class="nav-link text-light">Cars</a>
<a href="/tools.html" class="nav-link text-light">Tools</a>
<button type="submit" class="btn">Pay</button>
</div>
</div>
</nav>
現在，所有元素都從螢屏左側直觀地排序。這很好，除了支付按鈕，我想在導航欄的右上角有這個按鈕。我嘗試通過添加來這樣做
style="margin-right: 0px;
到它，但這似乎不起作用（它仍然在同一個地方）。你能看出我的問題嗎？
uj5u.com熱心網友回復：
我position: absolute;在你的班級中使用了btn并將其從頂部和右側設定為5px。您可以根據需要進行調整，但頂部和右側的樣式僅在您告訴 html 位置是絕對的時才有效。
.btn {
right: 5px;
top: 5px;
position: absolute;
}<nav class="navbar navbar-expand-lg navbar-light bg-light rounded-bottom">
<a class="navbar-brand text-white font-weight-bold nav-link">Car Shop</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a href="/cars.html" class="nav-link text-light">Cars</a>
<a href="/tools.html" class="nav-link text-light">Tools</a>
<button type="submit" class="btn">Pay</button>
</div>
</div>
</nav>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/314717.html