html - 没有边框的 CSS Div 将不适合

Question

我想解决我的 HTML/CSS 错误。我有多个链接设置为 div。它们的宽度为 10%。因此，所有 10 个 Div 都放在父 div 中。我希望链接(10 个 div)有一个边框来区分它们。如果我尝试添加边框，最后一个 div 会跳出父 div。有没有办法来解决这个问题？我尝试使用 overflow:auto，但没有用。大多数情况下，我想要找到的是一种在 div 内部制作边框的方法，如果可能的话。

body {
    background-color: #574B59;
}
.header {
    height: 87px;
    width: auto;
    border: 4px solid black;
    margin: 20px;
    background-color: white;
    text-align:center;
    font-size: 20px;
}
.links {
    height: 25px;
    width: auto;
    border: 3px solid black;
    margin: auto;
}
.body{
}
.subheader{
}
.linkss {
    width: 10%;
    height: 25px;
    float: left;
    text-align:center;
    background-color:#06C;
    border: 1px solid black;
}

看.Linkss

Answer 1

要么将每个 div 的宽度减小 border-width(乘以 2)，要么您可以使用模糊为 1px 的 box-shadow 属性应用假边框。

box-shadow: 0px 0px 1px #000000;