最佳佈局屬性CSS（例如，用於菜單欄）

我想製作一個菜單欄，我總是看到前端開發人員傾向於使用float：left屬性或display：inline-block屬性，或者甚至兩個或兩個相似的東西。最佳佈局屬性CSS（例如，用於菜單欄）

因爲我已經進入了flexbox屬性和grid屬性，並且知道float不是用於佈局的屬性，我不知道製作水平菜單的最佳做法是什麼。

使用一個無序列表與列表項目以及，這實際上是一個'適當'的方式來製作這樣的菜單（考慮語義HTML）？

「完美」菜單應包含哪些屬性/標籤（針對響應式設計）？

（還有我的目標實現，說明什麼是最好的實踐爲我們生活在現在的時間，因爲CSS一直在發展和事情都有可能在適當的時候改變了一個答案。）

來源

2016-02-05 Barrosy

我認爲使用'無序列表'是製作菜單也適用於'resplnsive'設計的正確方法ü應該使用'媒體查詢' – Bijal

我同意媒體查詢是一個不錯的選擇，我已經看到多個使用這樣的例子，爲菜單創建切換按鈕。 – Barrosy

我用它沒有問題。 Float已經被改編用於許多它從未想過的情況。如果我想要一個右側導航欄。我漂浮我的權利，浮動我的李左，並顯示：內聯。像魅力一樣工作，似乎是我所見過的標準做法。我只是把它從頭頂吐出來，但很確定這就是我所做的一般。如果您想在手機上使用垂直導航欄，並在桌面上使用水平導航欄，則可以使用媒體查詢更改display：block並將li寬度設置爲100％。希望有幫助。

來源

2016-02-05 09:14:32 CaliKane

這只是給了我一種奇怪的感覺，用它來表達一些它並不打算的東西。我很喜歡使用工具，我確信它是按照預期使用的，儘管我同意有些事情就是這樣，而且如果你能以這種方式做出事情，那麼就這樣吧，因爲開發人員使用所有可供處理的東西在第一位。感謝您分享您的體驗。 – Barrosy

沒問題，很高興我可以煽動一些！ – CaliKane

我總是使用codepen /模式來發現偉大的佈局！一探究竟。

來源

2016-02-05 09:18:34

這應該是評論而不是回答。 –

最佳佈局屬性CSS（例如，用於菜單欄）

回答

相關問題