Html ：与元件一样宽之前

我尝试过应用

宽度

，但没有效果，我想要的是使其成为可点击的外部填充

.btn{
背景色：红色；
填充：10px；
高度：20px；
}
.btn:之前{
内容：''；
最小高度：60px；/*不介意*/
宽度：100px；
/*发行*/
保证金：-10px-10px；
背景颜色：蓝色；
位置：绝对位置；
z指数：-1；
}

---

使用

位置：相对

然后突然可以使用百分比值

.btn{
背景色：红色；
填充：10px；
高度：20px；
位置：相对位置；
}
.btn:之前{
内容：''；
最小高度：60px；/*不介意*/
宽度：100%；
/*发行*/
保证金：-10px-10px；
背景颜色：蓝色；
位置：绝对位置；
z指数：-1；
}

---

使用

位置：相对

然后突然可以使用百分比值

.btn{
背景色：红色；
填充：10px；
高度：20px；
位置：相对位置；
}
.btn:之前{
内容：''；
最小高度：60px；/*不介意*/
宽度：100%；
/*发行*/
保证金：-10px-10px；
背景颜色：蓝色；
位置：绝对位置；
z指数：-1；
}

---

可能重复的可能不是，甚至不是相同的问题嗯。。。这似乎是几乎相同的问题，公认的答案似乎是解决你的问题以及。您是否知道

：：before

和

：：after

是您添加到的元素的子元素？@Siguza如您所见，这不是一个问题：d可能不是重复的，甚至不是相同的问题。。。这似乎是几乎相同的问题，公认的答案似乎是解决你的问题以及。您是否知道

：：before

和

：：after

是您添加到的元素的子元素？@Siguza如您所见，这不是问题：D