我对导航栏和下拉菜单有疑问

时间:2019-07-27 10:02:38

标签: javascript html css

问题1: 在水平导航栏中为"diplay:block"标签使用"float:left"声明<a>是否重要?

  

(在此代码中:   https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_topnav

问题2: 为什么在这段代码中,

  

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_topnav

,对于.topnav类,我们不必将width属性设置为100%,  但是在这段代码中,

  

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fixed_menu

,必须为.navbar类将此属性设置为100%才能具有full-width导航栏?  (如果我们没有为固定的导航栏设置此属性,则您会发现没有宽宽度导航,这与第一个导航栏不同)  在这种情况下,将top,left和right属性在固定位置设置为0是否等于在该位置将width设置为100%?

问题3:

  

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidebar_responsive

在上面的代码中,"position:relative;"对侧边栏类有什么作用?还有为什么当我删除它并为"margin-top"设置"div.content"属性,内容和导航栏时,  他们两个都有这个财产吗?我没想到导航栏具有此属​​性,因为我只为div.content声明了它,而不是为两个都声明了它。

问题4:

  

https://www.w3schools.com/howto/howto_css_dropdown.asp

为什么在上面的代码中,我们必须将display属性设置为inline-block?重要吗?

问题5:

  

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar

在这段代码中,为什么我们不必为.dropdown类设置相对位置?您介意解释更多更好的方式吗?

  

https://www.w3schools.com/howto/howto_css_mega_menu.asp

在此代码中,您可以看到,代码中没有"position:relative",但在解释中可以! 但最后一个问题是:

  

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown

在这段代码中,为什么我们必须这样写:".topnav.responsive .dropdown-content {position: relative;}"? 非常感谢

0 个答案:

没有答案