小编Rob*_*bou的帖子

我目前正在开发一个网站,遇到了CSS的问题.

我有一个div包含2个或更多孩子的父母:一个包含位于其他孩子之上的用户名,一个或多个并排div显示用户拥有的项目.

目前它工作正常,但如果用户的名字(顶部div)大于div下面s 的总宽度,它将扩展父级div.

我想只允许底部divs扩展父级div,并使标题div使用完整父级div的宽度而不能使其变大.

我创造了一个关于它的小提琴:http://jsfiddle.net/mLxjL/2/

HTML:

<div class="matches">
    <div class="match-container">
        <div class="user-match-container">
            <div class="match-owner user">You</div>
            <div class="match">
                <div class="thumbnail">
                    <img class="image-container" src="img-path">
                    <div class="thumbnail-count">2</div>
                </div>
                <div class="item-name">The Zeppelin of Consequence (Trading Card)</div>
            </div>
        </div> <span class="arrow">?</span> 
        <div class="user-match-container">
            <div class="match-owner friend">PfaU- [W] King Arthurs Gold</div>
            <div style="clear:both;"></div>
            <div class="match">
                <div class="thumbnail">
                    <img class="image-container" src="img-path">
                    <div class="thumbnail-count">2</div>
                </div>
                <div …