我有一个div，我需要从它上面的元素底部30px的位置。 当我这样做时，光标不再起作用，而是只在div的边缘起作用。 我试过位置:绝对和顶部:30px，还是一样的结果。 我不知道如何使所有div在光标滚动并定位时都处于活动状态。 有人帮忙吗？
null
.headernavbuttons {
margin-top: 30px;
background-color: #861622;
cursor: pointer;
width: 200px;
padding: 10px 10px 10px 10px;
text-align: center;
float: right;
border-radius: 10px;
transition: 0.3s;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
text-decoration: none;
font-family: Poppins;
font-weight: bold
}
.headernavbuttons:hover {
background-color: hsla(14, 45%, 15%, 1.00);
color: #FFFFFF;
font-size: 15px
}<div class=headernavbuttons onclick="location.href='https://tcokchallenge.com/launch2/inquire-now/'">inquire now</div>null
您的 null具有边框半径，即圆角。 圆角将减少
的面积。 要使此修剪区域可单击，请将您的
包装在另一个
中，将click listener移动到外部的
，并按以下方式修改CSS:
.wrapper {
margin-top: 30px;
cursor: pointer;
float: right;
}
.headernavbuttons {
background-color: #861622;
width: 200px;
padding: 10px 10px 10px 10px;
text-align: center;
border-radius: 10px;
transition: 0.3s;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
text-decoration: none;
font-family: Poppins;
font-weight: bold
}
.wrapper:hover .headernavbuttons {
background-color: hsla(14, 45%, 15%, 1.00);
color: #FFFFFF;
font-size: 15px
}<div class="wrapper" onclick="location.href='https://tcokchallenge.com/launch2/inquire-now/'">
<div class="headernavbuttons">inquire now</div>
</div>
相关问题
