html - CSS 边框底部有缺 Angular-6ren

html - CSS 边框底部有缺 Angular

In lại Tác giả: Vũ trụ không gian 更新时间：2023-11-03 20:00:15

我想在我的菜单 UL 下面有一个长边框，但是列表项上的“border-bottom”属性不能正常工作:

#headermenu {
    height: 40px;
    background: #f47a20;
    position: relative;
}
#headermenu .menu {
    background: #F47B20;
    nổi: trái;
    border: 1px solid #D66C1C;
    padding: 0.6em 1em;
    margin-top: 0.5em;
    kiểu danh sách: không có;
}
#headermenu-left {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    margin: 0;
}
#headermenu-left .menu {
    border-bottom: 4px solid #004B8D;
}

Xem sitemap của VNExpress

边界在拐 Angular 处被打断了 - 我猜 - border-left 和 border-right 属性不存在？

我不能把它放在

上元素，因为那一行太长了。

câu trả lời hay nhất

去掉上面的宽度就可以放在UL上了。删除你的最后一条规则并使用它:

#headermenu {
    height: 40px;
    background: #f47a20;
    position: relative;
}
#headermenu .menu {
    background: #F47B20;
    nổi: trái;
    border: 1px solid #D66C1C;
    padding: 0.6em 1em;
    margin-top: 0.5em;
    kiểu danh sách: không có;
}
#headermenu-left {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border-bottom: 4px solid #004B8D;
}