いわばフロントエンドのないオフラインアプリやサービスという意味でのアプリ開発者で、HTMLなどを久しぶりに見ました。
しかし、HTML5 の新機能には実際に興味を持ちました。今のところ、webkit-box や moz-box などを使用する必要があるという意味で、Flex-box は一様にサポートされていないことがわかりました。
しかし、ブログの場合は、デザインの変更を検討し始めるかもしれないと考えました。
しかし、次のような 2 x 2 のレイアウトを作成する方法がよくわかりません。
- 左上: 高さ固定、動的幅
- 右上: 高さ固定、幅固定
- ボタン左: 動的な高さ、動的な幅。
- ボタン右: 動的高さ、固定幅
- 左上からボタン右にかけてロゴが重なっています。
- ボックス間の小さな境界線。
ボックスの下部の動的な高さは必須ではありません。それらが整列している限り、コンテンツはそれらを埋める可能性が最も高いです。
しかし、新しい施設でこのレイアウトを作成するにはどうすればよいでしょうか?
編集：私は結局これをあきらめました。