float で高さがずれる問題を overflow の設定で直した

floatでコンテナの高さがずれる問題
float で div コンテナを横並びのレイアウトを組んだ際に、高さがズレてしまう事象が発生。

原因がいまいちわからなかったのですが、float を格納している div コンテナに overflow: hidden; を入れて解決しました。

float のデモページも参考になります。

Clear Float Demo
http://webdesignerwall.com/demo/clear-float/

このブログの人気の投稿

Excel で入力した文字に勝手に取り消し線が入る

イメージ
……次の行には、取り消し線は要らない。普通の文字を入力するぞ。 なんでやねん。 これは、Excel のお節介機能のひとつ。 オプションを開き、 [ 詳細設定 ] - [ 編集オプション ] にある、 「データ範囲の形式および数式を拡張する」 のチェックを外す。 この機能は、同じ形式（この場合は取り消し線）が 3 行以上続いた際、次のセルにも自動的に同じセルの形式を適用するオプションのようです。 このオプションを解除して、他のセル（取り消し線の書式がないセル）をコピーしてから、もう一度入力してみます。 今度は大丈夫です。 Mac の場合、画面上部にあるメニューの「Excel」をクリックして環境設定を開きます（「command + , （カンマ）」 でも開きます）。 「編集」を開きます。 「編集オプション」にあります。
続きを読む

コピーした行の挿入が表示されない時はフィルタされていないかチェック

イメージ
Excel を使っていて、右クリック時に「コピーした行の挿入（コピーしたセルの挿入）」が表示されないことがあります。 「並べ替えとフィルター」 で表示される行を絞っていないか？ 並べ替えとフィルターで行の絞り込みをしている場合、「コピーしたセルの挿入」はできないのです。 並べ替えとフィルターを解除しないと、行全体のコピー & 挿入はできません。
続きを読む