宽度属性意外的行为

我有三个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

宽度属性意外的行为

回答

相关问题