小森努力努力再努力i

https://zhuanlan.zhihu.com/p/136223806

首先你必须知道的是：top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位，即position：relative;或者position：absolute;，也就是说top、right、bottom、left是为相对定位/绝对定位而生的。子绝父相就是：子元素为绝对定位(position：absolute;)，父元素为相对定位position：relative;。例如A为子元素，那么父元素B必须包含A，也就是说AB一定是嵌套关系(父子关系),不可以是兄弟关系。A为.

定义和用法:align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。提示： 使用 justify-content 属性对齐主轴上的各项（水平）。注意： 容器内必须有多行的项目，该属性才能渲染出效果。...

定义和用法：justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。提示：使用 align-content 属性对齐交叉轴上的各项（垂直）。/* 对齐方式 */justify-content: center; /* 居中排列 */justify-content: start; /* 从行首开始排列 */justify-content: end; /* 从行尾开始排列 */justify-content: flex-start

定义和用法：overflow 属性规定当内容溢出元素框时发生的事情。说明：这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。试验场：https://www.w3school.com.cn/cssref/pr_pos_overflow.asp...

CSS部分:1.css选择器有哪些？1.id选择器 （ ID 选择器以 # 开头，它选择的是文档中 id 属性的值。）2.类选择器 （类选择器以一个句点（.）开头，它选择的是文档中应用了这个类的所有元素。）3.标签选择器（有时也叫做 类型选择器 或者是 元素选择器，因为它在文档中选择的是 HTML 标签/元素。）4.交集选择器（相交的部分就是要设置属性值的标签。选择器之间没有任何的连接符号（也不允许出现空格），选择器可以是标签名称，也可以是 id、class 名称。） /* 格式:

line-height 属性设置行间的距离（行高）。注释：不允许使用负值。

vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。试验场：https://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp...

button是一个行内块级元素display:inline-block;所以处理方式很简单，可以用以下两种方式：方式一： <div style="text-align:center"> <button>按钮居中</button> </div>方式二：<div> <button style="display:block;margin:0 auto">按钮居中&l