qq1498982270的博客

因为没有设置高度的父类容器需要内容撑开高度，不然高度就为0； 在没有设置高度的父类容器中: 1、background不能撑开父类高度，图片就不能显示； 2、而img可以撑开父类容器，图片仍然可以显示； ...

面试题记-CSS篇 https://juejin.im/post/5cdb7bc26fb9a0321557044d 盒模型 box-sizing: box-border // width=padding + border + content box-sizing: box-border // width=content 水平居中 justify-content: cente...

BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。创建 BFC 的方式有： html 根元素 float 浮动 绝对定位 overflow 不为 visiable display 为表格布局或者弹性布局 BFC 主要的作用是： 清除浮动 防止同一 BFC 容器中的相邻元素间的外边距重叠问题 防止高度塌陷问题 ...

padding 百分比相对于宽度 position top： 50% 相对于高度 left: 50% 相对于宽度的50% 实现进度条 <div class="box4"><div/> .box4{ border: 1px solid red; background-image: linear-gradient(green,green); ...