1

ここでこの動作を実現したいと思います（右の例を参照）-最初の子は固定幅で、2番目の子はレスポンシブです（残りの幅をカバーします）

私はテーブルでそれを行うことができますが、Webheadsは、この種のレイアウトなどではテーブルが古くなっていると主張します。+テーブルの表示はリソースを大量に消費します。うーん

テーブルマークアップなしでそれを行う方法はありますか？少なくともdivがあればクールですが、display：tableが適用されていますが、どちらも成功していません（テスト例を参照）。

4

2 に答える 2

5

You need to do something like this:

#left {
    width: 100px;
    float: left;
}

#right {
    overflow: hidden;
}

jsFiddle

于 2013-03-02T14:41:48.510 に答える
2

最初width: 200px; float: left;の要素とoverflow: hidden2番目の要素を配置します。

于 2013-03-02T14:36:40.467 に答える