子元素类型对父元素高度的影响？

Question

<div class="outerbox1">
            <span style="line-height: 50px">这是外层元1</span>
 </div>

.outerbox1 {
                width: 600px;
                line-height: 300px;
                background-color: thistle;
            }

            .outerbox1 span {
                display: inline-block;    // 此处改成block，父元素高度有变化，为什么？
                /* display: block; */
                background-color: teal;
            }

Answer 1

嗯...
原因与这个是一样的, 这是同一个问题
https://segmentfault.com/q/1010000043517713/a-1020000043518262
文字也可以看做行内元素 span 高50是行高提供的 给内部的文字的行高
在span为行内块时父元素设置的行高影响到span, 但是span单独设置将其覆盖了
我觉得你还是系统学一下 HTML与CSS , 听课程别看书与博客..

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。