web笔记

一、 vertical-align: top;(属性)

场景(div无法居上)


web笔记_第1张图片
5D2E7F9F-4D2D-434A-B2CF-A31974F68897.png

二、 width: 50%;(属性)

场景(宽度为50%div换行问题)

web笔记_第2张图片
901B6F55-7697-4BA1-8098-67E96BB7F693.png

原因:
FEDA89B7-788C-427D-A30B-DD05E5031255.png

解决办法:
  方案一:代码直接删除换行

  方案二: 在父类标签加样式 style="font-size: 0"

三、 scoped和important(属性)

场景 (重写父类css属性无效)
  代码在

原因:
定义和用法
scoped 属性是一个布尔属性。
如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
解决办法:
   将其属性写在中 将其原先的scoped去掉
同时还有另外一个原因会引起那就是优先级
解决办法:
   overflow-y: hidden !important;在需要修改的属性后面加上!important

你可能感兴趣的:(web笔记)