float関連の問題で覚えておくべき５つの対策
CSSのfloat関係って、基本的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 １）floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例１ー１（imgにのみfloat:left、下に回り込む） ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス
気が狂うようにならないで、よく構造化されたCSSファイルの書き方
woork: Write a well structured CSS file without becoming crazy CSSって、気づいたら膨大な量を指定している時があります。 それはまだまだ自分が未熟な証拠でもあるのですが、 「いかによく構造化されたCSSファイルを書くか」 というような記事があったので、読んでまとめてみました。 英語なので、かなり意訳になりながらも読んでみました。 間違いがあるのならご指摘ください。 基本となる３つのポイント まず、作業を最適化するために以下のような 簡単な規則をもてということ。 １、シンプルに ２、「上品なコード」指向で ３、秩序だてて １は、たくさん書くと複雑化するから簡単にしようとのこと。 ２は、インデントや余白とコメントを使用して、 コードを論理的に別けようということ。 ３は、#left-columnや#footerなど、プロジェクト内の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
