浮动的时候会自动将标签转化为行内块 

<style>
    div{
      float: left;
      height: 100px;
      background-color: orange;
    }

    span{
      width: 200px;
      height: 200px;
      display: block;
      background-color: skyblue;
    }
  </style>
</head>
<body>
<!-- 结论：在标签在加上了浮动之后，标签就变成了行内块级元素 -->
<div>div</div>
<span>span</span>

　　这也就能解释两个div分别加上了左浮动和右浮动后，就不再显示了（由于转化为了行内块，没有内容来支撑它的宽度，宽度就变成了0）

posted @ 2020-10-14 22:27  coderLsq  阅读(160)  评论(0)    收藏  举报