フレックスコンテナ内ã§çµ¶å¯¾ä½ç½®æŒ‡å®šã•ã‚ŒãŸè¦ç´ ã®é™çš„ä½ç½® / masuP.netタイトルãŒå°‘ã—分ã‹ã‚Šã«ãã„ã§ã™ãŒã€display:flexã®ä¸ã§position:absoluteãŒæŒ‡å®šã•ã‚ŒãŸè¦ç´ ã®åˆæœŸä½ç½®ãŒã©ã“ã«ãªã‚‹ã‹ã€ã¨ã„ã†è©±ã§ã™ã€‚ 経緯 ãƒãƒƒãƒ—アップメニューã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’実装ã—ã¦ã„ã¦ã€ãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒœãƒƒã‚¯ã‚¹ã¨çµ¶å¯¾ä½ç½®æŒ‡å®šï¼ˆposition:absolute）を利用ã—ã¦ãƒãƒƒãƒ—アップメニューをä¸å¤®æƒãˆã•ã›ã‚ˆã†ã¨ã—ã¾ã—ãŸãŒã€Safariã¨IE11ã§ã¯æœŸå¾…通りã®è¡¨ç¤ºã«ãªã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ 試ã—ã¦ã¿ãŸæ–¹æ³•ã¯ã€ãƒãƒƒãƒ—アップã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ãƒœã‚¿ãƒ³ã‚’包むラッパーをフレックスボックスã«ã—ã¦ã€justify-content:centerã§ä¸å¤®å¯„ã›ã—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é«˜ã•æ–¹å‘ã ã‘絶対ä½ç½®æŒ‡å®šã™ã‚‹æ–¹æ³•ã€‚ HTML <div class="wrapper"> <button type="button">Button</button> <div class="menu">hoge</div> </div
{{#tags}}- {{label}}
{{/tags}}