如何让盒子定位在底部？
要将盒子定位在底部，可以使用CSS的定位属性。首先，将盒子的父元素设置为相对定位（position: relative）。然后，将盒子本身设置为绝对定位（position: absolute）并使用底部属性（bottom: 0）将其定位在父元素的底部。这样，盒子就会固定在底部位置。如果需要调整盒子与底部的距离，可以使用margin-bottom属性来设置。例如：
```
.parent {
position: relative;
}
.box {
position: absolute;
bottom: 0;
margin-bottom: 20px; /* 可选，用于调整与底部的距离 */
}
```
要让盒子定位在底部，需要使用CSS的定位属性和盒模型。首先，将父容器设置为相对定位，然后将盒子设置为绝对定位，并使用bottom属性将其定位在父容器的底部。
如果盒子的高度不确定，可以使用padding属性为父容器添加一个底部内边距，以确保盒子不会超出父容器。
最后，可以使用CSS的其他属性来调整盒子的样式和布局，以满足具体的设计需求。
html中怎么设置按钮的位置？
设置按钮的父级元素为相对定位，设置按钮本身为绝对定位，利用定位控制按钮的位置！例如：
1、html的结构如下，设置按钮btn1和父级标签wrap2、css样式如下：.wrap设置为相对relative, btn1设置为绝对absolute 以及控制他left的值和top的值3、运行效果如下：效果解读：效果如下：
css布局的三种机制？
CSS 布局的 3 种机制分别是普通流（标准流）、浮动和定位。
①普通流（标准流）
（1） 块级元素会独占一行，从上向下顺序排列；
常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table
（2） 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行；
常用元素：span、a、i、em等
②浮动
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
③定位
将盒子定在浏览器的某一个位置——CSS 离不开定位，特别是后面的 js 特效。
CSS样式的方式和特点是什么？
1.继承性
作用：子元素可以继承父元素的样式
text-，font-，line-这些元素开头的都可以继承，以及color属性
特殊性：
①. a标签的颜色不能继承，必须对a标签本身进行设置
②. h标签的字体大小不能修改，必须对h标签本身进行修改
2.层叠性
是浏览器处理冲突的一个能力
如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉
3.优先级
权重：！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
作用：多个选择器组合以后的优先级
算法：（0，0，0，0）==》第一个0是important的个数，第二个0是id选择器的个数，
第三个0对应的类选择器的个数，第四个0对应的是标签选择器的个数，就是当前选择器的权重。