CSS flex 間距問題

Question

我有一個獨特的問題，我希望 div 內的鏈接元素使用 flex space-between 但是這些鏈接打開了模態層，模態 div 實際上在父 div 內。 現在，在#parent div 中有這個空的 div 會導致額外的間距。 我該如何解決這個問題？ 順便說一句...我無法重新組織標記...模態 div 必須在父 div 內。

所以是這樣的：

 #parent { display: flex; flex-direction: row; justify-content: space-between; } #parent a { max-width: 46px; margin: 0 1%; }

 <div id="parent"> <a href="#" id="modal1link">LINK 1</a> <a href="#" id="modal2link">LINK 2</a> <a href="#" id="modal3link">LINK 3</a> <div id="modal1" class="modal"></div> <div id="modal2" class="modal"></div> <div id="modal3" class="modal"></div> </div>

Answer 1

我認為模態框默認是全屏和隱藏的？ 如果是這樣：

.modal {
    position: fixed;
    display: none;
  }