div宽度适合其内容并溢出其父级

时间:2013-05-18 17:45:00

标签: html css

看一下这个html:

<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/

1 个答案:

答案 0 :(得分:1)

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

this (jsfiddle.net/cDqSj/7/)你想要的是什么吗?