floatを使ったカラムの高さを揃える | 改造人ツクルダー & ザ・テクトロイド・ボックス

CSSの「float: left」でボックスを横に並べ、2カラム3カラムの構成にすることが増えてきた。 しかし、それぞれのカラムは内容の情報量に応じて高さが可変するため、カラムの高さが揃わないという大問題が起きてしまう。 ↓このように 「#container」：親ボックスのid 「#right_column」：右カラムのid 「#left_column」：左カラムのid [codesyntax lang=”css” title=”CSS”] #container { width: 300px; } #left_colmun { text-align: center; width: 200px; background: #aaaaee; float: left; } #right_colmun { text-align: center; width: 100px; background: #

[minori-h]

“$(window).load(function(){ var height = $('#container').outerHeight(); height = height + 'px'; $('#right_column').css('height',height); $('#left_column').css('height',height); });”

[ossolabo]

カラムの高さをそろえる

[his_96]

floatで並んだboxの高さを揃える。jQuery便利そうだな

[www-tmcc]

Reader