最佳布局属性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（例如，用于菜单栏）

回答

相关问题