CSS学习基础画三角形

提示：今天是梳理css中浮动，盒子模型，布局定位的知识让我们可以 更加熟悉知识

---

一 浮动 falot

提示：这里可以添加本文要记录的大概内容：

我们为什么去学习浮动？浮动有什么用浮动的特点是什么？如何去清除浮动？

我们为什么要去学习浮动呢？
当我们想让多个块级元素横向排列的时候，使用display:inline-block,会有缝隙，而这些缝隙又不好控制，如何让盒子左右两端对齐，由于以上的原因我

浮动的元素的特点

如何去清除浮动呢
我们是额外标签法，伪元素，双伪元素这几种方法进行的。
推进使用伪元素方法
为什么要清除浮动呢?因为我们父盒子放的内容可能会要很多，我们不方便给父盒子高度，这样的话，进行浮动，子盒子是不占有位置的。后面会进进行塌高的

<style>
      .box1 {
   
          width: 300px;
          background-color: blueviolet;
      }
      .box2,.box3 {
   
          width: 100px;
          height: 100px;