etcこの広告は、90日以上更新していないブログに表示しています。2013-12-11floatで寄せた要素を親要素の高さに合わせる方法プログラミングfloatで寄せた要素を親要素の高さに合わせたいと思って、はまってしまったので共有します。そもそもfloatってなに?floatとは要素のボックスを浮かせることによって左や右に移動させることです。floatさせた要素にはwidthをつけなければいけません。サイドバーを親要素の高さいっぱいに表示できるようにしてみます。gist7905003このようなときイメージときにはこんなサイトここでcontentクラスの高さが仮に900pxでかつコンテンツが増えていくごとに増えるとします。サイドバーもこれに合わせて高さが変わってほしい。(背景が違う色であればこっちのほうが望ましい)footerクラスにはclear:both;をしてあります。sideクラスをheightを100%にするとブラウザの画面いっぱいの高さになってしまい、しかもfooterまでもsideクラスに隠れてしまいます。いってheightを900pxなどに固定すると、親要素であるcontentクラスの高さが増加したときに途切れてしまいます。いってjqueryなどのライブラリは入れるのが面倒...そんなときの解決策です。親要素であるcontentクラスに.content{overflow:hidden;}をあてます。親要素にすることは以上です。-32768px;}をあてるとfloatした要素が親要素に高さにそろえることができました。13:16floatで寄せた要素を親要素の高さに合わせる方法Tweet広告を非表示にする関連記事2013-07-06はてなブログにFeedlyボタン設置してみましたGoogleリーダー終了に伴い、僕はFeedlyに変更しました。tumblrはてなブログをはじめよう!inagexさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。