记一次：行级元素不在块级元素内展示，已解决但不清楚原因

问题：div里的span与input元素，在页面上展示到了div外面，如图一，想要展示到div里面必须得是块级元素，我写了display:block，span顺利展示到了div里面，如图二。why，这不科学啊

 

解决办法：给body加上字体大小的样式，就解决了，即使没有display:block，也可以展示到div里

 body {
        font-size: 16px;
    }