問題描述

如圖多個div橫向排列，其中一個div內(nèi)容為空，為什么其他div會被頂?shù)较旅妫ㄔO(shè)置了float或flex布局卻不會）

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
html:

<div class="container">
     <div style="background: #fff;">時間</div>
     <div style="background: #eee"></div>
     <div style="background: #ddd">存款</div>
     <div style="background: #ccc">投資</div>
</div>

css:

.container{
    width: 1000px;
    height: 200px;
    margin: 20px auto;
    background: #ff0;
    box-sizing: border-box;
}
.container div{
    height: 200px;
    line-height: 200px;
    margin: 0;
    padding: 0;
    border-width: 0;
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
}