Css 右上角和左下角的边界半径缺陷

我在页眉周围创建了一个边框，这是一个简单的开始。我似乎不在乎我用什么数字，我在右上角有一个小的白色三角形，在左下角有一个难以描述的缺陷。有时它也会变成一个三角形，具体取决于边界半径和边界中使用的数字。还有人在这些角落里有瑕疵吗

这在IE中用-webkit-修复，但在FF中如果我使用-moz-则更糟

.banner {
            width:100%-8px;
            height:110px;
            background-color:#80BCFF;
            margin:0;
            padding:0;
            border-radius:8px;
            border:8px ridge silver;


        }

---

什么是

宽度：100%-8px

？您是在发布SCS/SASS，还是打算将其设置为

calc

表达式？给出一个最简单的例子，包括fiddle或StackOverflow代码段中的HTML。我用它来计算是因为我是一个初学者，并且试图避免溢出，这样边框就可以在右边看到。今天我学习了框大小，所以我改变了它，但在这两个角上仍然有相同的缺陷。横幅{宽度：100%；高度：120px；背景色：#80BCFF；边距：0；填充：0；框大小：边框框；边框半径：8px；边框：8px脊银；}Test1

Test2

回答这个问题，我试图保持边界的右侧，作为一个新手，我使用了-8px。今天我学习了盒子的尺寸。