[CSS] IEã®hasLayoutãŒtrueã®æ™‚ã«åž‚ç›´æ–¹å‘ã®marginãŒç›¸æ®ºã•ã‚Œãªã„ | ãƒã‚·ãƒ£ãƒã‚°ã€‚CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã‚‹ã¨ã€IE6 ã‚„ IE7 ã§åž‚ç›´æ–¹å‘ã® margin ãŒç›¸æ®ºã•ã‚Œãªã„ç¾è±¡ãŒé »ç™ºã™ã‚‹ã®ã§ã€ã¡ã‚ƒã‚“ã¨åŽŸå› を確ã‹ã‚ã¾ã—ãŸã€‚ 以下ã€ã‚µãƒ³ãƒ—ルã§ã™ã€‚ XHTML ã®ã‚³ãƒ¼ãƒ‰ <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS ã®ã‚³ãƒ¼ãƒ‰ div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } å„ブラウザã§ã®è¡¨ç¤º 「divã€ã¨ã€Œdiv ã§å›²ã¾ã‚ŒãŸ pã€ãã‚Œãžã‚Œã®ä¸‹æ–¹å‘ã« 50px ã® margin ã‚’é©ç”¨ã™ã‚‹ã¨ã€é€šå¸¸ã¯åŒã˜æ–¹å‘ã® margin ãŒç›¸æ®ºã•ã‚Œã¦ä¸‹æ–¹å‘ã®ç©ºã㯠50px ã¨ãªã‚‹ã¯ãšã§ã™ãŒã€IE6 㨠IE7 ã§ã¯ margin ãŒç›¸æ®ºã•ã‚Œãš 100p
![[CSS] IEã®hasLayoutãŒtrueã®æ™‚ã«åž‚ç›´æ–¹å‘ã®marginãŒç›¸æ®ºã•ã‚Œãªã„ | ãƒã‚·ãƒ£ãƒã‚°ã€‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/81df921875363eede1e59f407b145ae5b7202555/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
ã€CSS - zoom:1 - ★★★】 - hasLayoutå•é¡Œã‚’解決ã™ã‚‹zoom:1;ã®è½ã¨ã—ç©´ ― Like@Lunatic
{{#tags}}- {{label}}
{{/tags}}