寬度屬性意外的行爲

我有三個div在一行中，他們的顯示屬性設置爲表格單元格。它們都是由父級div包裝的。我需要內部div具有相同的寬度，所以我將它設置爲33％。但寬度的行爲很奇怪。如果設定爲33％，則div不會拉伸到最大。但如果設定爲1％，則所有這三個元素的寬度相等並延伸至最大值。這是爲什麼？我的CSS有錯嗎？寬度屬性意外的行爲

這裏是我的代碼：

<div class="parent"> 
    <div class="child">Ut molestie consequat viverra.</div> 
    <div class="child">Pellentesque</div> 
    <div class="child">Aliquam lobortis</div> 
</div> 
.parent { 
    display: table; 
    border-collapse: separate; 
    border-spacing: 25px; 
} 
.child { 
    display: table-cell; 
    padding: 2px 10px 5px; 
    background: #eee; 
    border: 1px solid #ccc; 
    width:1%; 
}

來源

2014-02-20 maya

可以請您提供[小提琴]（http://jsfiddle.net/） –

似乎罰款工作Chrome，Firefox和最新的IE，33％。你使用的是什麼瀏覽器？ – Pattle

其工作罰款鉻和火狐... [這裏是小提琴演示]（http://jsfiddle.net/） –

您還沒有指定父DIV的寬度。

您可以指定寬度爲100％，母公司股利和檢查

.parent { 
    display: table; 
    border-collapse: separate; 
    border-spacing: 25px; 
    width:100% 
}

http://jsfiddle.net/23JEc/

來源

2014-02-20 11:08:52 Bala

寬度屬性意外的行爲

回答

相關問題