WEBTEQWEBTEQWEB制作・技術・解説メニューコンテンツへ移動ホームスポンサーリンクHTMLで縦の高さをheight:100%;にしたくてもできない場合のやり方解説HTMLで縦の高さを100%にしたくてもできなかった経験はないだろうか。カラムに当てているdivをhegiht:100%;ととしてもコンテンツの高さまでしか伸びなく、あるいはコンテンツよりも低くぺしゃんこになってしまうといったことがある。コンテンツよりも低くなってしまう場合にはfloatとwidthを当ててあげればコンテンツ分までは伸びてくれる。コンテンツが少ない場合、ウィンドウサイズまで伸びきって欲しい場面も合ったりする。伸びてくれない原因はbodyのスタイルの当て方にある。heightをdivに当てても、親であるbodyがheight:100%;になっていないとぺしゃんこになってしまうのだ。下の例ではコンテンツも入っていないのにまるでテーブルレイアウトのように高さが自動的に伸びてくれる。Javascriptを使いたくない場合にはうってつけたろう。{height:20%;clear:both;background:#F55;margin:0;}</style></head><body><div><ul><li></li></ul><p></p><p></p><p></p><p></p><p></p><ul><li></li></ul></div></body></html>コメントをどうぞスポンサーリンク▼この記事には関連リンクページがあります。操作の結果できるパーティションはアライメントが正しくないためにパフォーマンスがでません。二日酔いでそんな気になれない!UBUNTUにfail2banを導入したが、fail2banの起動でエラーが出てしまう。固定ページでループが含まれているときに、固定ページ自体のIDを取得したいとき。'さくらサーバーのhtaccessによるリダイレクトでループを防ぐ書き方。httpからhttpsにリダイレクトなんか特に。それはルーターのせいだった。PEARのamazonAPIから商品一覧を取得できるServices/Amazon.php。切り抜きやカンバスサイズ変更やトリミングのときにガイドもいっしょに動いてしまう件iPhone(iOS)のブラウザで、iframeの中でスクロールアニメーションが動かない!とき。DNSの設定でクリア。有効にする必要があります。YahooメールでPOPサーバーに到達できてもログインができないときSSLの更新時にエラー。incorrectサーバーがダウン。