Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css-页边距顶部导致不需要的正文滚动条_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • css-页边距顶部导致不需要的正文滚动条

css-页边距顶部导致不需要的正文滚动条

css

css-页边距顶部导致不需要的正文滚动条,css,Css,我有一种情况，我需要保持html，body{height:100%；}，同时添加相对于.content的边距或位置，以便它从顶部向下推30px。 问题是这样做会导致滚动条出现在右侧。 .content的高度将更改，因此如果高度增加，可能会出现滚动条 当.content没有增加高度而不强制overflow-y:hidden时，我如何修复此问题，以便摆脱侧滚动条 这是我的小提琴 html: 一个简单的解决方案，margin:0和填充：0在主体上这样做的原因是重置边距和衬垫上设置的所有脱脂 html,

我有一种情况，我需要保持
html，body{height:100%；}
，同时添加相对于
.content
的边距或位置，以便它从顶部向下推30px。
问题是这样做会导致滚动条出现在右侧。
.content
的高度将更改，因此如果高度增加，可能会出现滚动条

当
.content
没有增加高度而不强制
overflow-y:hidden时，我如何修复此问题，以便摆脱侧滚动条

这是我的小提琴

html:


一个简单的解决方案，
margin:0和
填充：0在主体上
这样做的原因是重置边距和衬垫上设置的所有脱脂


html, body {height:100%; margin:0; padding:0;}



事实上，这与此无关。由于
正文
上的默认边距，正在添加滚动条。默认情况下，
body
在Chrome浏览器中设置为
margin:8px

只需设置
body{margin:0px；}
即可将其删除

-垂直滚动条已移除


html, body {height:100%; margin:0; padding:0;}