我如何使nowrap的父項繼承內聯塊的寬度

Question

我無法讓父項繼承其子項的寬度。該的jsfiddle在這裏http://jsfiddle.net/4mk3S/

現在我只是有一個外層div與

white-space: nowrap; 

和兒童

display: inline-block; 

的div我想外div來繼承它的寬度是整個集團孩子的。任何幫助將非常感激，謝謝！

代碼：

<div class="outer"> 
    <div class="inner"></div> 
    <div class="inner"></div> 
    <div class="inner"></div> 
</div> 

.outer { 
    white-space: nowrap; 
    padding: 10px; 
    background: green; 
} 

.inner { 
    display: inline-block; 
    width: 1000px; 
    height: 100px; 
    background: red; 
} 

Answer 1

添加display: inline-block;父也

inline-block迫使容器來包裝其所有的孩子，而block（默認爲DIV）設置寬度父

的

Updated fiddle

要更改的相關代碼

.outer { 
    white-space: nowrap; 
    padding: 10px; 
    background: green; 
    display:inline-block; 
}