floatを使うと思った通りにならず、下に落ちてしまう、幅に収まらないなど、CSS初心者がつまづきやすい問題を解決するポイントを解説したチュートリアルを紹介します。 How Floating Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 floatのルール 1. フロート要素を親要素から見るとどうなるか 2. 左や右にフロートさせる 3. フロート要素が押し下げられてしまう原因 4. フロート要素の配置の順番 5. フロート要素の配置の優先順位 6. フロート要素で親要素を広げない フロートのクリア clearfix floatのルール floatプロパティには、4つの値があります。 .foo { float: left | right | inherit | none } この4つの値はそれぞれ、要素を親要素の中でどの

何故なら自分はすごく頭が悪いから 僕ができるのは「お勉強」だけだ 学生時代から大して勉強してないにも関わらず 学年トップクラスの成績だったし 受験も適当にやって、ネット上ではとてもじゃないが高学歴なんて言えないけれど 世間一般ではまあ高学歴と扱われる大学に入った 大学時代も突貫作業で作ってるレポート等の評価が高くAがズラリと並んだ(外国語だけはてんでダメだったけど) 仕事でも資格試験等、今のところ全て一回でパスし、(点数が分かるものだと)満点近い得点で合格している が 昔から自覚はあった 「自分は頭が悪い」と 何故他人とそんなにスムーズに会話できるのか 何故そんなに空気が読めるのか 何故そんなに早く仕事が覚えられるのか 何故同時に複数のことができるのか 何故突然なイレギュラーに対応できるのか 自分の周りの人の頭の良さ、頭の回転の速さに驚いてばかりいる 僕からすれば彼らは化物みたいに頭が良く