初学css弹性布局，很多不懂，求指教?

Question

._search_{

display: flex;width:500px;height:500px;._left_{   width:219px;height:500px;}._right_{   flex:1;height:500px;background: red;   display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;   ._tab_{      height:100px;      background: yellow;   }   ._series_{      flex:1;      background: orange;   }}

}

scss的一段代码，单独以上样式显示布局就正常，如果放到其它css中就会出现如_tab_下放文字或任何内容不显示的情况等？这是什么原因呢？（其它css代码不方便发，请谅解）

Answer 1

其他 CSS 不方便发，那也没办法了，就猜猜吧。

样式被覆盖了，用开发者工具中的 CSS 样式面板具体查看一下吧。不显示的原因有很多，比如：

• 大小变化；
• 背景色、文本色相同；
• 透明度为 0；
• 定位跑出去了；
• ……

太多了……就这样吧，祝好运。