Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Html 删除div左上方和右上方的空间_Html_Css - Fatal编程技术网

Html 删除div左上方和右上方的空间

Html 删除div左上方和右上方的空间,html,css,Html,Css,我开始使用css,并且有一个基本的问题 我有一个div元素: .top{ 背景色:#3B5998; 左边距:0px; 边际上限:0px } ..页面的上有填充。您可以这样解决此问题: body { padding: 0; } 您需要重置样式表中的默认填充和边距属性: html, body { margin: 0; padding: 0; } 正如@jasonmccreary提到的,您还应该考虑使用重置样式表。他链接到Eric Meyer的CSS重置,这是一个很好的开

我开始使用css,并且有一个基本的问题

我有一个div元素:

.top{
背景色:#3B5998;
左边距:0px;
边际上限:0px
}

..
页面的
上有
填充。您可以这样解决此问题:

body
{
    padding: 0;
}

您需要重置样式表中的默认填充边距属性:

html, body {
    margin: 0;
    padding: 0;
}
正如@jasonmccreary提到的,您还应该考虑使用重置样式表。他链接到Eric Meyer的CSS重置,这是一个很好的开始

看起来css中缺少分号,应该如下所示:

.top
{
    background-color:#3B5998;
    margin-left:0px;
    margin-top:0px;
}

如果在div中需要一些填充,则应选择填充:

padding:top right bottom left;
例如:

padding:5px; /* 5px padding at all sides)*/
padding:5px 3px; /* top & bottom 5px padding but right left 3px padding) */
padding:5px 3px 4px; /* top 5px, bottom 4px padding but left right 3px) */
padding:1px 2px 3px 4px; /* top 1px, right 2px bottom 3px & left 4px) */
类似地,要控制div之外的空间,可以使用margin


Margin将使用完全相同的公式。

我使用了这个公式,它对我有效:

body {
    background-position: 50% 50%;
    margin:0px;
    padding:0px !important;
    height:100%;
}

经过很长时间,我找到了适合我的解决方案:

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

我们需要在水平方向定义溢出。

我最近也遇到了这个问题,但即使我使用了填充:0px甚至添加了!身体上的重要问题没有解决。。。实际的问题是它的位置。。。你可以使用背景位置:50%50%;或者自动让它选择屏幕的中心位置。。这是保证金:0自动;或保证金:自动;这帮我解决了。。。也希望你们大家。在我尝试了@HAS的回复后,我意识到这是需要的,谢谢你,你太棒了。。。很抱歉僵尸帖子

如果其他答案无效,请尝试
位置:绝对;顶部:0px;左:0px
显示:flex

边距:0px;将删除元素周围的所有空格

填充:0px;清除内容周围的区域

您可以尝试:

html, body {margin: 0px; padding:0px;}
body {margin: auto;}
与保证金:自动;浏览器将计算边距

你也可以使用

* {margin: 0px; padding: 0px;}
这将删除所有默认边距和空格。但使用时要小心:

position: absolute; 

“位置”属性可以采用4个值,静态、相对、固定和绝对。然后可以使用“上”、“下”、“左”、“右”属性来定位元素。这取决于您的布局。这个链接可能有用

我也有同样的问题。试试这个:

html, body {
    margin-top:-13px;
}

虽然这个问题可能有一个具体的答案,但您应该考虑使用。谢谢。我做了改变,同样的问题。试试*{margin:0;padding:0;}哦,上帝。。我在这件事上发疯了。。。我完成了3个CSS教程,没有一个提到主体本身有边距/填充:)非常感谢!刚开始的时候我也有同样的问题;但如果你打算让网站跨浏览器兼容,我建议使用css重置样式表;本质上,它们重置了浏览器添加到元素中的样式(对于不同的浏览器,样式可能不同)。这类事情我只付2美分。一个快速的谷歌css重置会给你很多选择,这很糟糕。你永远不能水平滚动!请简要描述一下这是如何或为什么起作用的。我没有超能力(我也没有投反对票),但我相信这个问题现在好多了。