[问题] 为什么overflow:hidden反而才出现选单?

楼主: dream1124 (全新开始)   2018-04-01 17:10:00
大家午安
想请教一个浏览器套用 CSS 规则的问题~
我正在模仿 W3School How to 这篇制作选单
https://www.w3schools.com/howto/howto_js_topnav.asp
现在遇到的问题是如果不在包覆选单的外层元素加上 overflow:hidden,
那选单除了最左边的 Home 以外都会没有背景颜色,一定要照范例做才行
http://jsbin.com/hapalakaxa/edit?html,css,output
想请问为什么会这样呢? 有什么运作规则是我不太清楚的?
先谢谢大家解惑囉~
浏览器是 Chrome 桌机版 65.0.3325.181(虽然跟这应该没关系)
作者: Rinorune (杜)   2018-04-01 17:23:00
https://www.zhihu.com/question/30938856主要是它的a tag用float 可以搜一下float相关的东西
作者: gomay520 (Bonnie (*′艸`*))   2018-04-04 16:52:00
用display:flex;也许更好,尽量不要再用floathttps://tinyurl.com/y7odkflv

Links booklink

Contact Us: admin [ a t ] ucptt.com