0

このようなものを CSS と HTML で機能させる方法はありますか:

次のように、2 つの div があり、どちらも幅が不明で、1 つは動的に拡大し、もう 1 つは残りのスペースを埋めます。

ここに画像の説明を入力

構造は非常に基本的です。

<div class="parent">
    <div class="filler"></div>
    <div class="dynamic"></div>
</div>

.filler にはテキストが含まれ、.dynamic には 1 行で表示される要素 (他の HTML 構造) が含まれます。

これは可能ですか？

4

1 に答える 1

2

display:table-cell子 div で使用width:100%し、フィラー divで使用できます。

#filler {
    display:table-cell;
    width:100%;
}
#dynamic {
    display:table-cell;
}

http://jsfiddle.net/htvr9/

于 2013-11-06T18:26:48.553 に答える