为什么右侧没有边距？

Question

instead of having a margin of the right side because of the margin placed on .nav, it just covers the whole area.

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--secondary);
    color: var(--font-color);
    background-image: url(3ca749da0b938c6392de6488c28b11c8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

nav {
    position: fixed;
    display: flex;
    background-color: var(--primary);
    width: 100%;
    margin: 5 14 5 14 ;
    overflow: hidden;
    padding: 7;
    overflow-x:
}

Answer 1

两个原因：

1. 您的CSS是invalid。长度要求单位，除非它们是100%。
2. 宽度为Columns时，将使用左边界，将元素向右推，然后右边缘和右边界将在屏幕外向右显示。

Answer 2

您没有为保证金提供任何比例，请尝试输入：

nav { 
         margin: 5px 14px 5px 14px;
      }

Answer 3

这适用于您尚未注意到* {*{margin: 0;padding: 0;box-sizing: border-box; } 首先将其删除，然后添加诸如nav{margin: 5px 14px 5px 14px;}

这样的单元