容器底部的最后一个flex子元素的边距底部不起作用

Question

我有一个触摸容器末端的按钮。我希望容器的末端和按钮之间有空隙。我放在按钮上的边距底部不起作用。这是CSS和html

>>> df1 = pd.DataFrame(dicts1)
>>> df2 = pd.DataFrame(dicts2)
>>> 
>>> df1
   a  b     c
0  1  2  1295
1  2  5  6274
2  3  1  5337
>>> 
>>> df2
   a  b     d
0  1  2  1884
1  2  5  2049
2  3  3  1086
>>> 
>>> pd.merge(df1, df2, on=['a', 'b']).to_dict(orient='records')
[{'a': 1, 'b': 2, 'c': 1295, 'd': 1884},
 {'a': 2, 'b': 5, 'c': 6274, 'd': 2049}]

这是项目https://codepen.io/icewizard/pen/ZmJByP的一个代码笔。如果单击粉红色的6（即即将到期的日期），则会看到事件文本，如果向下滚动，则该按钮将位于div的底部而不会填充。我该如何解决？

Answer 1

可以请您试试吗？

.show-event-form {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px;
  flex-shrink: 0;
}