为什么我有这个空白，我该如何删除它

-1

我遇到了一个小问题，我将导航栏设置为100％宽度，现在我的页面右侧有一个空白，并且水平滚动条为页面，我不知道它为什么这样做。请参阅附加的代码。他的代码是：为什么我有这个空白，我该如何删除它

nav { 

    width: 100%; 
    height: 35px; 
    text-align: center; 
    background-color: #42C2DA; 
    padding: 6px; 
    margin-bottom: 50px; 
} 
nav ul { 

    padding: 7px; 
    margin: 1px; 
    width: 100%; 

} 
nav li { 

    display: inline; 
    padding: 5px; 
    margin: 5px; 

} 
nav li a { 

    color: white; 
    text-decoration: none; 
    padding: 4px; 

} 

nav li a:link a:visited { 

    font-weight: bold; 

}

有人能解释我要去的地方错了...还是这里发生了什么。我没有10代表所以不能张贴图片。

来源

2015-01-14 Ricky

也许你可以发布一个链接到示例页面或JSFiddle？ – MrWasdennnoch

您还需要发布您的HTML。 – j08691

不要忘记，默认情况下，边距不会在'width'中计算。例如'width：100px; margin：5px'产生一个110像素宽的盒子。 –

您的导航栏有padding:6px;这会在div的所有边添加6px，这意味着该元素的实际宽度不是100%，而是100% + 12px。

要解决此问题，请尝试使用box-sizing: border-box，这样可以使填充值计算为指定的100％宽度。

来源

2015-01-14 21:05:25

水平滚动条，很可能是因为您已设置：

width: 100%
padding: 6px

因为这个原因，你将有总宽度：视+ 12px的

的100％

设置box-sizing: border-box和此修复您的问题 - more info about box-sizing。

来源

2015-01-14 21:05:29

为什么我有这个空白，我该如何删除它

回答

相关问题