我正在尝试使用 position: absolute
和 bottom:0; 让一个 div 粘在另一个 div 的底部; right:0
,但它不起作用,因为 div 和底部之间仍然有一小段空间。
#weekly-product-container {
margin-top: 91px;
background: black;
padding-top: 20px !important;
width: 100vw;
min-height: 500px;
text-align: center;
border-left: 1px solid #eee;
display: flex;
flex-direction: row;
background-color: black;
color: white;
margin-top: 100px;
}
#triangle5 {
width: 0px;
height: 0px;
border-left: 300px solid transparent;
border-bottom: 200px solid red;
border-bottom-right-radius: none;
bottom: 0;
position: absolute;
right: 0;
}
<div id="weekly-product-container">
<div id="triangle5"></div>
</div>
最佳答案
您所要做的就是添加position: relative;到 weekly-product-container 并更改 bottom: 0; for triangle5:
#weekly-product-container {
position: relative;
}
#triangle5 {
position: absolute;
bottom: 0;
}
关于html - 无法让 div 粘在位置为 : absolute 的另一个 div 的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47348597/