一、 vertical-align: top;（属性）
场景（div无法居上）
5D2E7F9F-4D2D-434A-B2CF-A31974F68897.png
二、 width: 50%;（属性）
场景（宽度为50%div换行问题）
901B6F55-7697-4BA1-8098-67E96BB7F693.png
原因：
FEDA89B7-788C-427D-A30B-DD05E5031255.png
解决办法：
方案一：代码直接删除换行<div></div> <div></div>
方案二： 在父类标签加样式style="font-size: 0"
三、 scoped和important（属性）
场景 （重写父类css属性无效）
代码在
<style scoped> 在这个地方重写父类属性无效 </style>
原因：
定义和用法
scoped 属性是一个布尔属性。
如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
解决办法：
将其属性写在<style> </style>中 将其原先的scoped去掉
同时还有另外一个原因会引起那就是优先级
解决办法：
overflow-y: hidden !important;在需要修改的属性后面加上!important
