div 包左右二個子DIV

by ken tsai

HTML

<div id="wrapper">
    <div style="float:left;" class="content">Foo</div>
    <div style="float:right;" class="content">Bar</div>
    ---
</div>

CSS

div {
    border: 1px solid red;
}

.content {
    width:100px;
}

#wrapper {
    min-width: 300px; /* 100px x3 = 300 */
    /* overflow:scroll; */
}