一、 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