已解決430363個問題，去搜搜看，總會有你想問的

當我單擊導航欄按鈕時，我的搜索欄寬度正在改變

關注

首頁猿問當我單擊導航欄按鈕時，我的搜索欄寬...

JavaScript

大話西游666 2022-06-05 16:42:28

在這個應用程序中，當我在導航欄中的主頁和關于頁面按鈕之間切換時，我的搜索欄的寬度正在改變，為什么？？？（僅適用于臺式機）。我的代碼： https ://github.com/StrikerOne65/snewz

查看完整描述

1 回答

ibeautiful

TA貢獻1993條經驗獲得超6個贊

.main-nav {

display: flex;

margin-right: 30px;

justify-content: flex-end;

width: 75%; -- ADD THIS TO DETERMINE OVER ALL WIDTH OF THE NAV

}

.main-nav li:first-of-type{

/* padding-right: 25%; */ -- REMOVE THIS

width: 50%; -- ADJUST THIS FOR YOUR WIDTH OF SEARCH BAR: WHATEVER PERCENT OF .MAIN-NAV

保證金權利：5％；}

.search {

display: flex;

/* width: 150%; */ -- REMOVE THE 150% WIDTH

}

所以解釋一下，你在 flex 中混合了很多固定寬度并試圖過度樣式來補償

您已將 .main-nav 設置為 flex-end 以將其設置為右側，您只需使其更大以包含其中的所有內容，<li>而不是強制子元素嘗試為 150% 的寬度它的父級 - 它試圖打破布局。我認為這是你的問題

反對回復 2022-06-05

關注

舉報

0/150

提交

取消