2016-07-19 67 views
-1

我有一個包含div的標頭和內容div。因爲當內部內容的div是空的某種原因,它看起來像這樣:向div添加元素使其上升

firstDiv

後來,當我加入一些元素,股利似乎上升到corrent位置,我希望它在:

secondDiv

這真讓人費解,如果有人可能會解釋這種奇怪的行爲,我會非常感激。

下面是CSS的包裝和內部的div:

#wrapperDiv { 
    display: inline-block; 
    position: relative; 
    width: 25vw; 
    top: 5%; 
    left: 4%; 
    text-align: center; 
    border: 1px solid red; 
} 

#innerList { 
    width: 100%; 
    border: 1px solid yellow; 
} 

讓我知道是否有任何其他信息將是有益的!

+0

有你的文本字段或按鈕 –

+2

填充您可以創建問題的工作演示? – niyasc

+0

可能是多種事情。需要查看其餘的CSS和標記。這可能是因爲你的wrapperDiv是內聯塊,你的innerList默認是阻塞顯示。我猜測字段和按鈕是浮動的,或者也可能是內聯塊。也許flex。這麼多的可能性,也許把一個jsfiddle –

回答

1

您可以將黃色div的高度設置爲你需要儘可能多的:

#innerList { 
    width: 100%; 
    height: 30px; 
    border: 1px solid yellow; 
}