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;
  }