Question

类似的问题是here，但我的div根本没有固定大小。我需要遵循以下结构：

<div style="float:left;"></div>
<div style="float:left;"></div> <!-- this div should be what's left after the first and third divs -->
<div style="float:right;"></div>

我试图为第二个div设置overflow:hidden;，但它没有帮助。

Answer 1

您可以通过white-space＆amp;组合来实现display:inline-block喜欢这样：

<强> HTML：

<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">2</div>
</div>

<强> CSS：

.child{
    display:inline-block;
    *display:inline; /* for IE7*/
    *zoom:1;/* for IE7*/
    min-width:100px;
    min-height:50px;
    margin-right:10px;
    background:red;
    white-space:normal;
}
.parent{
    white-space:nowrap;
}

CSS：如何在100％宽度的一行中设置几个div？

1 个答案:

http://jsfiddle.net/QdvFp/1/