格寬度適合其內容和溢出其父

看看這個網站：格寬度適合其內容和溢出其父

<div class="parent_container"> 
    <div class="container"> 
     <div class="item"> 
      <img src="http://mountainguides.com/wordpress/wp-content/uploads/2010/11/Illinizas-photo-ty-gimenez.jpg"/> 
     </div> 
     <div class="item"> 
      <img src="http://mountainguides.com/wordpress/wp-content/uploads/2010/11/IMG_0700.jpg"/> 
     </div> 
    </div> 
</div>

我試圖讓div: item排隊一排和div: container寬度將自動調整以適應其子女。我不知道div: item的數目，所以我不能具體的寬度爲div: container。

這裏是一個的jsfiddle：http://jsfiddle.net/trongcuong1710/cDqSj/4/

來源

2013-05-18 Doan Cuong

div.item - > inline-block？ – bwoebi

這不起作用。我搜索谷歌的解決方案，並沒有一個似乎工作，包括你的解決方案 –

是一個200px的設置寬度.parent_container如在你的例子？ – Arbel

.container { 
position:absolute; 
float:left; 
width: 100%; 
min-width:1px; 
}

是this (jsfiddle.net/cDqSj/7/)你想要什麼？

來源

2013-05-18 17:53:01 Sergio

謝謝塞爾吉奧！它按我的預期工作：D –

格寬度適合其內容和溢出其父

回答

相關問題