繁体   English   中英

组 <div> 元素的宽度和高度为100px; 填充,边距和边框设置为0px; 为什么仍然抵消?

[英]Set <div> element to have a width and height of 100px; padding, margin, and border set to 0px; why is it still offset?

我已经将div元素设置为具有一些CSS规则。 它的宽度和高度为100px。 它还将其填充,边框和边距设置为0px。 哪种CSS默认值告诉代码将元素从浏览器窗口的边缘偏移10像素左右? 我知道我的CSS样式之所以有效,是因为第一个正下方的分隔线由于零边距而与之接触。

在此处输入图片说明

将此添加到样式表的顶部:

body {
  margin:0px;
  padding:0px;
} 

主体具有一些默认的paddingmargin设置,将其设置为0将使元素粘贴到边缘

提示:您随时可以与元素检查器进行检查

Chrome开发人员套件

如果按f12 ,则可以看到它是元素检查器。 检查器的灰色部分将向您显示启用了哪些默认样式。

默认情况下,主体始终具有8pxmargin 要禁用它,只需使用:

body{
   margin: 0px;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM