[問題] 為什麼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