{"title":"CSS\u3067\u30d6\u30e9\u30a6\u30b6\u753b\u9762\u306e\u9ad8\u3055\u3044\u3063\u3071\u3044\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3059\u308b\u65b9\u6cd5","author_url":"https://blog.hatena.ne.jp/griefworker/","categories":["CSS"],"description":"CSS\u3067\u30d6\u30e9\u30a6\u30b6\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3057\u305f\u3044\u3051\u3069\u3001div \u30bf\u30b0\u306e height \u3092 100% \u306b\u3057\u3066\u3082\u3001\u9ad8\u3055\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3067\u3057\u305f\u3002width \u3092 100% \u306b\u3057\u305f\u3068\u304d\u306f\u3001\u5e45\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3055\u308c\u308b\u306e\u306b\u2026\u3002\u3069\u3046\u3084\u3089\u3053\u308c\u306f\u3001height \u304c\u89aa\u8981\u7d20\u306e\u9ad8\u3055\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b\u306e\u304c\u539f\u56e0\u307f\u305f\u3044\u3067\u3059\u3002\u5916\u5074\u306e html \u30bf\u30b0\u3084 body \u30bf\u30b0\u306e height \u3092 100% \u306b\u3057\u305f\u3089\u3001\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002 html,body { height:100%; } Web \u4e0a\u3067\u516c\u958b\u3055\u308c\u3066\u3044\u308b CSS \u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u9ad8\u3055\u3044\u3063\u3071\u3044\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3057\u3066\u3044\u308b\u3082\u306e\u304c\u975e\u5e38\u306b\u5c11\u306a\u304b\u3063\u305f\u3067\u3059\u3002\u304a\u304b\u3052\u3067\u65b9\u6cd5\u2026","blog_url":"https://tnakamura.hatenablog.com/","version":"1.0","author_name":"griefworker","height":"190","image_url":null,"blog_title":"present","url":"https://tnakamura.hatenablog.com/entry/20100705/css_layout_height_100","width":"100%","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftnakamura.hatenablog.com%2Fentry%2F20100705%2Fcss_layout_height_100\" title=\"CSS\u3067\u30d6\u30e9\u30a6\u30b6\u753b\u9762\u306e\u9ad8\u3055\u3044\u3063\u3071\u3044\u306b\u30ec\u30a4\u30a2\u30a6\u30c8\u3059\u308b\u65b9\u6cd5 - present\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","published":"2010-07-05 00:00:00","provider_name":"Hatena Blog"}