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

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

JavaScript

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

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

查看完整描述

1 回答

ibeautiful

TA貢獻1993條經(jīng)驗獲得超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

保證金權(quán)利：5％；}

.search {

display: flex;

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

}

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

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

反對回復(fù) 2022-06-05

關(guān)注

舉報

0/150

提交

取消

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號