Html 按钮背景颜色与flexbox容器重叠

Html 按钮背景颜色与flexbox容器重叠,html,css,button,background,flexbox,Html,Css,Button,Background,Flexbox,我已经在底部的弹性盒内创建了一个按钮。当我去检查元素时,我可以看到背景色与flex容器重叠,因为我增加了按钮背景色的高度。那么,我如何移动它,使背景颜色不再与弹性盒重叠?这只有在使用inspect元素时才可见,但很烦人。请发布一些代码,演示您解决问题的努力,并让其他人知道您正试图解决问题。这假设html、JavaScript、CSS和任何其他相关代码..flex a{color:white;text decoration:none;background color:#5385c1;border

我已经在底部的弹性盒内创建了一个按钮。当我去检查元素时,我可以看到背景色与flex容器重叠,因为我增加了按钮背景色的高度。那么,我如何移动它,使背景颜色不再与弹性盒重叠?这只有在使用inspect元素时才可见,但很烦人。

请发布一些代码,演示您解决问题的努力,并让其他人知道您正试图解决问题。这假设html、JavaScript、CSS和任何其他相关代码..flex a{color:white;text decoration:none;background color:#5385c1;border radius:5px;padding:16px 30px;}当我向按钮添加填充以获得按钮的背景色高度时,它与上面段落的边距重叠。重叠仅在您检查元素时可见。是否需要在p和a元素之间添加更多空间?这可能取决于您的
z-index
css属性-尝试将一个元素的重叠设置为较低,另一个元素的重叠设置为较小。