{"author_name":"scientre","height":"190","title":"IE7 \u3067 box-sizing \u3092\u5229\u7528\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9f\u73fe\u3059\u308b","categories":["CSS / Less"],"image_url":null,"provider_url":"https://hatena.blog","url":"https://scientre.hateblo.jp/entry/20130725/emulate_box_sizing_in_ie7","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/scientre/","version":"1.0","type":"rich","blog_url":"https://scientre.hateblo.jp/","width":"100%","blog_title":"\u30e1\u30e2\u7528\u7d19","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fscientre.hateblo.jp%2Fentry%2F20130725%2Femulate_box_sizing_in_ie7\" title=\"IE7 \u3067 box-sizing \u3092\u5229\u7528\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9f\u73fe\u3059\u308b - \u30e1\u30e2\u7528\u7d19\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2013-07-25 00:00:00","description":"CSS \u306e box-sizing \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u30ea\u30ad\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u3068\u304d\u306b\u6709\u7528\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u3060\u3002\u5024\u306b box-sizing \u3092\u6307\u5b9a\u3059\u308b\u3068 padding \u3084 border \u3092\u542b\u3081\u305f\u5024\u3067 width/height \u3092\u8a08\u7b97\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u30d1\u30fc\u30bb\u30f3\u30c8\u5024\u3092\u6307\u5b9a\u3059\u308b\u5834\u5408\u306f\u7279\u306b\u4fbf\u5229\u3060\u3002box-sizing \u306f\u591a\u304f\u306e\u30e2\u30c0\u30f3\u30d6\u30e9\u30a6\u30b6\u3067\u4f7f\u3048\u308b\u307b\u304b\u3001Internet Explorer 8 \u3067\u3082\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002\u554f\u984c\u306f\u4e2d\u9014\u534a\u7aef\u306a\u4f4d\u7f6e\u3065\u3051\u306b\u3042\u308b Internet Explorer 7 \u3060\u304c\u3001\u6b21\u306e\u3088\u3046\u306a\u89e3\u6c7a\u7b56\u3092\u898b\u3064\u3051\u305f\u3002expression \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5229\u7528\u3057\u3066\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3055\u308c\u305f\u6642\u70b9\u3067\u306e\u5024\u3092\u8a08\u7b97\u3057\u3066\u3044\u308b\u3002 .box-s\u2026"}