顯示：表格擴展div的高度。解決方案？

我有這個html序列，顯示2條。因爲在第一個div裏面我顯示一個內聯列表，所以我想用display:table，因爲它看起來更好用這種方式。問題在於它擴展了div，使其變大20px（並將其他div降低）。顯示：表格擴展div的高度。解決方案？

<div class="top-bar></div> 
<div class="tail-bar></div> 

.top-bar{  
    width: 520px; 
    height: 50px; 
    dispaly: table; 
    background-color: #FFFFFF; 
}

編輯：我加了的jsfiddle http://jsfiddle.net/eCYUT/2/

這是一個沒有display:table標籤

來源

2013-09-27 Setilă

你可以設置你的代碼的JSFiddle嗎？ – Jasper

它「如何看起來更好」？而不是隨機更改CSS屬性並查看哪一個看起來最好，您應該將它們設置爲您的需要。 'display：table'和'display：block'服務於不同的目的。 – Adam

我將立即設置一個jsFiddle –

的ul元件之間的間隙的版本和div元素實際上涉及到ul元保證金。

要刪除它，請將margin-bottom: 0px設置爲ul元素的類名稱。

ul.stats{ 
    margin-bottom: 0px; 
    /* other css properties */ 
}

來源

2013-09-27 16:22:34

顯示：表格擴展div的高度。解決方案？

回答

相關問題