大家好 方便帮我厘清一个 dropdown 选单的问题吗? 我正试着用 typescript 和 reactjs 实现 W3School 上面这篇文章提到的 css dropdown navbar https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp 但是为了练习驾驭 CSS, 我没有完全参考上面连结的做法, 以下是我原始码的连结, git 分支是 dropdown-in-navigationBar https://github.com/youjenli/ui-widgets-practice-with-reactjs.git 现在的问题是 React 元件 TopNavigationWithDropdownMenu 没办法在我点击 News 选单 的时候显示 dropdown menu... 也就是它包覆的 React 子元件 Dropdown 因为没有什麽错误讯息的关系, 所以我没办法掌握问题源头, 请问大家方便帮我看一下为 什麽会这样吗? 考虑到这问题可能是由某些我还不清楚的程式码或 CSS 关系造成, 因此我才把乾脆把整 个专案丢上来, 若造成困扰就不好意思啦~ 你可以透过下列指令启动专案 下载专案 git clone -b dropdown-in-navigationBar https://github.com/youjenli/ui-widgets-practice-with-reactjs.git 下载依赖套件 yarn install 启动开发环境 gulp watch serve 先感谢大家协助罗~ --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.169.224.151 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1523030069.A.347.html ※ dream1124:转录至看板 Web_Design 04/06 23:55 问题解决了~ 後来发现下拉选单不是未出现, 只是很大一部分被先前用来使选单列现形的 overflow:hidden 设定切掉 这问题只要改成用 flexbox 排版即可搞定 ※ 编辑: dream1124 (1.169.224.151), 04/07/2018 22:50:57