css - CSS，不需要的空间

Question

我正在开发一个响应式网站。在手机分辨率内查看此页面时，我有 4 个主要链接。边框的顶部和底部没有一直延伸到左右两侧，有1px的间隙。我实际上认为整体有 1px 不需要的边距。我能说的一切都设置为 100%，我看不到任何边距。

html页面在这里

CSS 在这里

谢谢你的帮助！！

Answer 1

你在 nav#mobile 上有一个 left: 1px。

nav#mobile {
height: auto;
width: 100%;
text-transform: uppercase;
font-size: 0.9em;/*-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 10px;*/
position: relative;
/* [disabled]z-index: 1; */
left: 1px;
/* [disabled]top: 41px; */
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #333;
border-bottom-color: #333;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #333;
border-left-color: #333;
margin-top: 25px;
float: right;
padding: 0px;
margin-left: 0px;
margin-bottom: 25px;
display: block;
}

摆脱那一条线，你就是金色的。