フロントエンド - CSS 1 行を 2 列に分割

Question

設計図では、左側のブロックの長さが 218px であると規定されていますが、同じ行の次のブロックの長さを決定する方法がありません。最後のブロックが自動的に埋められることを願っています。現在の行。アドバイスしてください

最初のブロックの現在の css スタイルは次のとおりです:

リーリー ＃＃＃レンダリング：＃＃＃

Answer 1

リーリー

自由に変更できますが、接頭辞を忘れずに追加してください

Answer 2

左側のブロックは絶対位置に配置できます:position:Absolute;右側のブロックは直接 margin-left: 218px に続いて、display:block;

;

Answer 3

1.保護者{display:flex;}，右边{flex:1}

2.そうです{float:left;width:calc(100% - 218px);}

Answer 4

最後の作品{

リーリー

}

Answer 5

パーセンテージは大丈夫です

Answer 6

flex は解決策ですが、多くの場合、IE8 などのローエンド ブラウザーとの互換性が必要になり、flex は不可能です。
別の解決策を提供します:
構造:

リーリー

スタイル:

リーリー