最小寬度不隨flexbox內容擴展

在上一個主題的「nico-o」獲得了一些有益於flexbox的大量幫助之後，我不幸遇到了另一個問題。 .content div不會隨其內部的div擴展而擴展，給出.content div min-width屬性爲100px（與div內部寬度相同），但當.content div內的div數量增加時， .content div不會擴展到適合更多div的權限。 示例http://jsfiddle.net/807/LKgbx/52/

divs只是溢出.content div之外，問題是如果我將另一個.content div放在它旁邊，它看不到溢出。 實施例http://jsfiddle.net/807/ggcg8jgq/5/
最小寬度不隨flexbox內容擴展

+================+ 
|+--------------+| +--------------+ 
||    || |    | 
||    || |    | 
|| 100 x 100 px || | i'm outside | 
||    || |  :(  | 
||    || |    | 
||    || |    | 
|+--------------+| +--------------+ 
|+--------------+| +--------------+ 
||    || |    | 
||    || |    | 
||    || | i'm outside | 
||    || |  :(  | 
||    || |    | 
||    || |    | 
|+--------------+| +--------------+ 
|+--------------+| 
||    || 
||    || 
||    || 
||    || 
||    || 
||    || 
|+--------------+| 
+================+

的問題：

爲什麼心不是的。內容的div擴大其最小寬度以適應內容？

在此先感謝！，807

來源

2014-11-06 807

你只需要你。內容，包裝類的風格，從改變：

.content-wrap { 
width: 100%; 
height: 90vh; 
background-color: #963; 
}

到

.content-wrap { 
width: 100%; 
display: inline-block; 
height: auto; 
background-color: #963; 
}

希望我幫助！

來源

2014-11-06 13:15:50 ekans

感謝ekans for your efford !,我試着用你的想法展示：inline-block;但它沒有財產一樣。當我在IE 11中檢查它**工作**足夠奇怪。它不** **在Chrome，Firefox，Opera中工作，但它在IE中工作很奇怪。我可以讓它在所有瀏覽器中工作嗎？ – 807 2014-11-06 13:34:19

也改變身高！對於我來說，它在chrome中工作得很好 – ekans 2014-11-06 13:37:42

我改變了.content-wrap和.content的高度，但它仍然不顯示在chrome中（也在android手機瀏覽器上測試過，並且不起作用）示例http：// jsfiddle .net/807/LKgbx/58 /感謝您付出的努力！ – 807 2014-11-06 14:45:59

最小寬度不隨flexbox內容擴展

回答

相關問題