我正在创建一个带有导航选项卡的水平菜单。当这些标签在小设备中浮动时,假装它们看起来更真实,我添加一个:: after伪元素来扩展它们的高度。::在伪元素宽度不同的内容
但李宽度为2px比李::后宽更大。
青菜无:悬停:对焦等标签的样式看起来是这样的:
.nav-tabs {
& > li {
border: 1px solid $gray-light;
border-bottom-color: white;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
padding: 0 $margin-default;
&::after {
display: block;
position:absolute;
height:200px;
width: 100%;
z-index: -2;
left: 0;
border-left: 1px solid $border-color;
border-right: 1px solid $border-color;
}
}
}
尝试增加'箱尺寸:边界box' –
谢谢:)。所以大纲属性帮助我! –