overflow:hiddenã§floatã‚’clear - ã¨ãã®ç†ç”± | Takazudo Clipping*以下ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã¨floatã‚’clearã§ãる模様。 <div class="Box1"> <div class="L">something long text</div> <p>something short text</p> </div> .Box1{ width:400px; overflow:hidden; } .L{ width:130px; float:left; } overflow:hiddenã§floatã‚’clearã—ãŸã‚µãƒ³ãƒ—ル ã“ã‚Œã§:afterã§ã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã‚„ã£ãŸã‚Šclear:bothを利用ã—ãªãã¦ã‚‚floatãŒã‚¯ãƒªã‚¢ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚以下ã®ãƒšãƒ¼ã‚¸ã§çŸ¥ã‚Šã¾ã—ãŸã€‚ ç”»åƒãŒæ¶ˆãˆãŸã‚Šã€ç¹°ã‚Šè¿”ã•ãªã‹ã£ãŸã‚Šç³»ãŒè§£æ±ºã—ãã†ãªã“㨠overflow:hiddenã£ã¦ã€é£›ã³å‡ºãŸã®ã‚¯ãƒªãƒƒãƒ—ã•ã‚Œã‚‹ã‚“ã§ãªã„ã®ï¼Ÿ ã—ã‹ã—ã€æ™®é€šã«è€ƒãˆã‚‹ã¨ã€ã“ã‚Œã§ãªãœfloatãŒã‚¯ãƒªã‚¢ã§ãã‚‹ã‹ã¯ç”šã ç–‘å•ã§ã™
{{#tags}}- {{label}}
{{/tags}}