タイトルが少し分かりにくいですが、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
