css - 在 CSS 'padding-left-bottom' 中，存在类似的东西吗？

Question

我有标题导航器标签，如

样式如下

.navigation {
    border: 1px solid red;
    border-bottom: 0 none;
    border-radius: 8px 8px 0 0;
    color: #264B9B;
    padding-bottom: 1px;
}

如果我放弃padding-bottom: 1px;, 那么图像

填充左下侧看起来不错，但填充右下侧不正确。

如何纠正这种样式？

编辑： jsfiddle中的 html 源代码

Answer 1

尝试这个：

HTML

<div class="navigation">
    <div class="left"></div>
    <div class="right"></div>
</div>

CSS

.navigation {
    border: 1px solid red;
    border-bottom: 0 none;
    border-radius: 8px 8px 0 0;
    color: #264B9B;
    width:100px;
    height:80px;
    position:relative;
}
.navigation div{
    border-left: 1px solid red;
    width:100px;
    height:8px;
    bottom:-8px;
    position:absolute;
}
.left{
    border-radius:0;
    right:0px;
}
.right{
    border-radius:0 0 0 8px;
    right:-101px;
}

​ 示例：http: //jsfiddle.net/ujC95/