CSS 调整浏览器大小时文本重叠
CSS overlapping text when resizing browser
我正在尝试复制（就像 CSS 中的练习一样）this website. In full size browser it looks fine (my overall result），但是在调整大小时我遇到了两个问题：
1) 菜单与名称 "Pico" 重叠（如 here and here）。
2) 其中一个 div 没有填满浏览器的所有宽度 (here)。
我试过播放 width: 100% 和 overflow 值，但无法找出问题所在。
这是 jsfiddle 上的代码。
- 因为
.menu class 有 position: absolute 并且没有看到 'Pico' 文本。
- 从
.header 中删除最小宽度并将 flex-wrap: wrap 添加到 .level。
我正在尝试复制（就像 CSS 中的练习一样）this website. In full size browser it looks fine (my overall result），但是在调整大小时我遇到了两个问题：
1) 菜单与名称 "Pico" 重叠（如 here and here）。
2) 其中一个 div 没有填满浏览器的所有宽度 (here)。
我试过播放 width: 100% 和 overflow 值，但无法找出问题所在。
这是 jsfiddle 上的代码。
- 因为
.menuclass 有position: absolute并且没有看到 'Pico' 文本。 - 从
.header中删除最小宽度并将flex-wrap: wrap添加到.level。