宽度/边框宽度（CSS）

Question

所以，我有一个错误。我想知道是否有人认出它。

div.top { 
    border-top: 100%;
    background-color: black;
    height: 50px;
    width: 100%;
    color: #333;
    text-align: left;
    line-height: 50px;
    border: solid;    
    vertical-align: middle;
    border-color: transparent;
    border-width: 100%;
}

tried to fix the top left corner

Answer 1

实际上这并不容易，看起来父元素有一个填充或者孩子。我建议你使用像这样的标准化CSS代码来启动你的项目：

https://necolas.github.io/normalize.css/

此规范化代码将帮助您“清除”在我们的浏览器中发生的很多“奇怪的”事情。

更新：

我没看到你的代码。不要将 with：100％与边框值一起使用，因为它会使您的容器“大于”100％。使用 display：block 和您的边框。