Way span元素不获得宽度和高度，但button获得
注意:span和button是内联html元素，但它们的行为方式不同span不受宽度和高度的影响，但其他内联元素受到影响！！

null

*{
    box-sizing: border-box;
}


.box-1 , .box-2 {
    width: 300px;
    color: black;
    padding: 10px 20px 3px;
    border: 3px dashed gold ;
}
.box-1{
    background-color: #d66;
    min-height: 150px ;
    max-height: 200px ;
}

.box-2{
    background-color: #4e91e9;
}

<section>
    <div class="box-1">
        Lorem ipsum dolor sit, amet consectetur adipisicing elit.
    </div>
    <br>
    <div class="box-2">
        2
    </div>
    <br>
    <br>

    <span class="box-1">span</span> 
    <br>
    <br>
    <button class="box-1">button</button>

</section>

null