元素实际大小
width/height+border+padding
设置box-size:border-box
元素实际大小: width/height
html元素的分类
块元素:可设置宽高,常见有ul、li、h1
行内元素:不可,常见有a、span
行内块元素:可,常见有img、input、button
清除浮动
- 利用一个空div设置
clear:both
属性 - 伪元素清除浮动
.clear::before,.clear::after{
content: '';
display: block;
clear: both;
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5eb69dcce3796e1c84ef54f187be9ed3.png)