Html 删除div左上方和右上方的空间
我开始使用css,并且有一个基本的问题 我有一个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重置,这是一个很好的开
.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重置会给你很多选择,这很糟糕。你永远不能水平滚动!请简要描述一下这是如何或为什么起作用的。我没有超能力(我也没有投反对票),但我相信这个问题现在好多了。