設計図では、左側のブロックの長さが 218px であると規定されていますが、同じ行の次のブロックの長さを決定する方法がありません。最後のブロックが自動的に埋められることを願っています。現在の行。アドバイスしてください
218px
最初のブロックの現在の css スタイルは次のとおりです:
css
リーリー
自由に変更できますが、接頭辞を忘れずに追加してください
左側のブロックは絶対位置に配置できます:position:Absolute;右側のブロックは直接 margin-left: 218px に続いて、display:block;
1.保護者{display:flex;}，右边{flex:1}
{display:flex;}，右边{flex:1}
2.そうです{float:left;width:calc(100% - 218px);}
{float:left;width:calc(100% - 218px);}
最後の作品{
}
パーセンテージは大丈夫です
flex は解決策ですが、多くの場合、IE8 などのローエンド ブラウザーとの互換性が必要になり、flex は不可能です。 別の解決策を提供します: 構造:
スタイル:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー
自由に変更できますが、接頭辞を忘れずに追加してください
左側のブロックは絶対位置に配置できます:position:Absolute;右側のブロックは直接 margin-left: 218px に続いて、display:block;
;1.保護者
{display:flex;}，右边{flex:1}2.そうです
{float:left;width:calc(100% - 218px);}最後の作品{
リーリー}
パーセンテージは大丈夫です
flex は解決策ですが、多くの場合、IE8 などのローエンド ブラウザーとの互換性が必要になり、flex は不可能です。
リーリー別の解決策を提供します:
構造:
スタイル:
リーリー