作者dream1124 (全新开始)
看板Web_Design
标题[问题] 为什麽overflow:hidden反而才出现选单？
时间Sun Apr 1 17:10:00 2018
大家午安
想请教一个浏览器套用 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（虽然跟这应该没关系）
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.231.183.160
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1522573803.A.030.html
2F：→ Rinorune: 主要是它的a tag用float 可以搜一下float相关的东西 04/01 17:32
已经看完您给的连结了，这种 css 本身的设计思维是比较难掌握的东西，感谢您转文给我参考！
3F：→ gomay520: 用display:flex;也许更好，尽量不要再用float 04/04 16:52
谢谢你的建议，其实我也这样想
但是考虑到目前浏览器的相容状况，用 flex 好像还是会有一部分装置不能正常浏览？
※ 编辑: dream1124 (1.169.224.151), 04/06/2018 21:29:31