BFC隔离容器的使用解决塌陷问题

60 阅读1分钟

BFC-block formatting context 隔离容器

容器内子元素不会影响到外面元素

1) 出现

1浮动元素 float

2 绝对相对定位元素

3 display:inline-block ;table-cell;flex:

4 overflow:除了visible的值

2) 作用

1 外边距折叠问题 加俩overflow:hidden

image-20240313142238106

2.清除元素内部的浮动 overflow:hidden

从输入 URL 到页面加载完成,大致可以分为5个步骤

  1. DNS 域名解析
  2. 建立TCP 连接
  3. HTTP 请求抛出
  4. 服务端处理请求,HTTP 响应返回
  5. 浏览器拿到响应数据,解析响应内容,把解析的结果展示给用户

typeof null ->“object”

检测的不管是数组还是正则都返回的是"object",所以typeof不能判断一个值是否为数组

  • typeof 函数: 返回 "function"。
  • typeof 数组: 返回 "object"。
  • typeof null: 返回 "object"。 这是一个已知的 JavaScript 的历史 Bug,实际上 null 是一个基本数据类型,而不是对象。使用 === 运算符时,null 可以与 undefined匹配,但它们的类型不同。
  • typeof undefined: 返回 "undefined"。
  • typeof 对象: 返回 "object"。对象可能是普通对象、数组、函数或由对象转换而来的原始类型。
  • typeof 字符串: 返回 "string"。

line-height

line-height 继承关系

line-height:100px(字)

height:30px 高度大小

字会往下

image-20240312163620390