CSS-浮动不写height会影响其他布局

顶部布局的时候漏写了height，会出现如下图所示错误布局

错误布局.png

因为不写height，造成了高度塌陷；
若父元素高度塌陷，后续浮动元素可能无法按预期对齐，出现布局错乱。

.welcome {
    color: #666;
    height: 30px;
    line-height: 30px;
    font-size: 0;
}

准确布局.png