フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ:1 フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか? これは
書評は当ブログのメインのコンテンツとなっています。毎日ブログを更新する(平日のみ)と決めている私にとって、書評は計算できるコンテンツです。一冊読めれば、確実に一記事を更新できるからです。 書評にはコツがあります。私が書く書評が面白いかの判断は皆さんに任せるとして、もし当ブログのような書評を書きたい方は、これからご紹介するポイントを抑えておけば、誰でも書評が書けるはずです。 Tagged! / laszlo-photo 1.「自分が主役」を強く意識する 本のあらすじを順番に書いて、その都度「私もそう思いました」「共感しました」のような平凡なコメントを付けていく書評が多いです。このパターンの書評は「本」の内容が主役になってしまい、凡庸な文章になりがちです。絶対にこういう書評は書かないことです。 個性というのは、ある種の「無理」や「歪み」だと思います。無理や歪みが一切ない整然たるものというのは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く