[B! clearfix] mackypenã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mackypen id:mackypen

clearfixã«é–¢ã™ã‚‹mackypenã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (1)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

floatè§£é™¤ã®æ±ºå®šç‰ˆã€‚clearfixã‚’è€ƒãˆãŸã‚‰ã€é€²åŒ–ã—ãŸã€‚
ç¾åœ¨ã“ã®ä¸ã§clearfixã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ display:inline-block; height:1%(min-height:1%) zoom:1; ã§ã‚‚è‰¯ãè€ƒãˆãŸã‚‰ã€å…¨ã¦å¾®å¦™ã§ã™ã€‚ zoom:1ã¯IEã®ç‹¬è‡ªä»•æ§˜ã§ã™ã—ã€heightã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€IE6,7ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«2ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¿…è¦ã§ã™ã€‚ display:inline-blockã‚‚ãƒœãƒƒã‚¯ã‚¹ã®è¦ç´ ã‚’å¤‰å½¢ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ hasLayoutã®ã‚¹ã‚¤ãƒƒãƒã‚’è¦‹ãŸæ™‚ã«ã€ä¸€ç•ªç†ã«é©ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯widthã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ åè¦ç´ ã‚’å›²ã‚€è¦ç´ ã¨ã—ã¦ã€divã‚„ulãªã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSãŒdisplay:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚‚ã®ãŒå¤šãã€display:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å ´åˆã€width:100%ã§å•é¡Œãªã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶çŠ¶æ³ã«é©ã—ãŸclearfix ä¸Šè¨˜ã‚’è¸ã¾ãˆè¦‹ç›´ã—ãŸclearfixãŒ
mackypen 2011/05/25
clearfix

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx