问题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:
为什么在上面的代码中,我们必须将display属性设置为inline-block
?重要吗?
问题5:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar
在这段代码中,为什么我们不必为.dropdown
类设置相对位置?您介意解释更多更好的方式吗?
在此代码中,您可以看到,代码中没有"position:relative"
,但在解释中可以!
但最后一个问题是:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown
在这段代码中,为什么我们必须这样写:".topnav.responsive .dropdown-content {position: relative;}"
?
非常感谢