Html 从父div中删除底部边框

我试图从父div中删除底部边框。我已经编写了以下HTML代码，但我认为我的方法是不对的。看到这张图了吗

这是我的HTML代码

<div class="my-label">
    <div style="border-bottom: 1px solid #ECECEC;">
        <div style="border: 1px solid #ECECEC; border-bottom: #fff; width: 100px; height: 30px; margin-left: 30px">

        </div>
    </div>
</div>

---

jsiddle

您可以使用伪类在其底部添加1px行

以下是新的css：

.tab {
    border: 1px solid #ECECEC; 
    border-bottom: 0 solid white; 
    width: 100px; height: 30px; 
    margin-left: 30px; 
    padding: 10px;
    position: relative;
}

.tab:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

---

最后，一个fiddle:

您可以使用伪类在其底部添加一条1px线

以下是新的css：

.tab {
    border: 1px solid #ECECEC; 
    border-bottom: 0 solid white; 
    width: 100px; height: 30px; 
    margin-left: 30px; 
    padding: 10px;
    position: relative;
}

.tab:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

---

最后，一把小提琴：

将其相对定位，并将其向下轻推1倍，使其覆盖其父对象的边界：

position:relative;
top:1px;

---

将其相对定位并向下轻推1倍，使其覆盖其父级边界：

position:relative;
top:1px;

---

选项卡的边框插入容器中；它没有覆盖容器的边界

您可以设置负的底部边距来更正：

.headerbar {
    border-bottom: 1px solid #ECECEC;
}

.headertab {
    border: 1px solid #ECECEC; 
    border-bottom: 1px solid #fff; 
    width: 100px; 
    height: 30px; 
    margin-left: 30px; 
    margin-bottom: -1px;
    padding: 10px
}

---

示例：

选项卡的边框插入到容器中；它没有覆盖容器的边界

您可以设置负的底部边距来更正：

.headerbar {
    border-bottom: 1px solid #ECECEC;
}

.headertab {
    border: 1px solid #ECECEC; 
    border-bottom: 1px solid #fff; 
    width: 100px; 
    height: 30px; 
    margin-left: 30px; 
    margin-bottom: -1px;
    padding: 10px
}

示例：

只需添加

margin-bottom: -1px;

为了重叠边界

您还必须使用

边框底部颜色：#fff

而不是

边框底部颜色：#fff

，以保持宽度和样式

只需添加

margin-bottom: -1px;

为了重叠边界

您还必须使用

边框底部颜色：#fff

而不是

边框底部颜色：#fff

，以保持宽度和样式

---

完美答案。谢谢没问题，祝你的设计伙伴好运！完美答案。谢谢没问题，祝你的设计伙伴好运+这是我第一次做的，但是我们的方法有一些不同。+1这是我第一次做的，但是我们的方法有一些不同。