下拉菜单在可滚动容器中常出现裁剪或位置漂移的问题，主要由于浏览器的溢出、堆叠上下文和包含块的相互作用。解决方案包括使用门户将下拉菜单移至文档主体，以避免裁剪和堆叠问题。此外，固定定位和CSS锚定定位也可作为替代方案，但需注意可访问性。理解这些系统的交互有助于更有效地调试和解决问题。

CSS堆叠上下文用于在网页中创建视觉层次，元素按层叠顺序排列。常见问题包括模态框被遮挡，通常是由于父元素的堆叠上下文影响子元素。解决方法包括调整HTML结构、修改父元素的z-index或使用框架的Portal功能。理解堆叠上下文有助于避免布局问题。

CSS看似简单，但深入后会遇到复杂问题。文章列出10个高级CSS问题及解答，如margin自动居中、单位差异、堆叠上下文和flex容器溢出等。掌握CSS需理解浏览器行为，而非仅仅记忆属性。

Safari浏览器中的overflow: hidden和border-radius可能无法限制子元素超出边界的bug，可以通过生成堆叠上下文的CSS属性解决。