エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
第4回 実践 floatプロパティの学習法 | gihyo.jp
前回に引き続き、今回はfloatプロパティを利用した実用度の高いボックスの配置の実現方法を解説します。... 前回に引き続き、今回はfloatプロパティを利用した実用度の高いボックスの配置の実現方法を解説します。 練習用HTML floatプロパティを利用したレイアウトの練習に複雑なHTMLを用意する必要はありません。ボックスの配置方法さえ理解してしまえば、その手法はあらゆる要素に適用でき、また、配置された各ボックスがどのような内容を持とうともレイアウトには影響しないからです。 サンプルとなるHTMLは以下の通りです。 HTMLソース <div id="box-A"> <div id="box-B"> B </div> <div id="box-C"> C </div> <div id="box-D"> D </div> </div> CSSを個別に指定できるように、各要素にはid(#box-AからD)を振りました。解説ではid名ではなく、単にボックスA, ボックスB...と呼ばせていただきます。
2010/11/09 リンク