【ワレコの講座】jQueryでdiv要素のheight()を取得しても高さがゼロになる【解決】

ある簡単な html を書いていて、その中で divエレメントの height を取得してもなぜかゼロになる。 でも、div の内部には button なども入っているので、画面上で見ると実際の height は 100px くらいはある。 当記事では、その謎のheightゼロ問題の原因と対策を紹介したい。 では、本題に入ろう。 heightゼロ問題が起こるhtml 謎のheightゼロ問題が起こるhtmlコードの部分を取り出すと、こんな感じ。 <div id="divID" style="clear:both;"> <div style="float:left"> <input id="button1ID" type="button" value="赤い DIV の width と height は？" /> </div> <div style="float:right"> <input