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

时间:2015-10-15 15:52:14

标签: javascript jquery html css

我已将div元素设置为具有一些css规则。它的宽度和高度为100px。它的填充,边框和边距也设置为0px。什么CSS默认告诉代码从浏览器窗口的边缘偏移10px左右的元素?我知道我的CSS样式是有效的,因为第一个分区正下方的分区因为零余量而触及它。

enter image description here

2 个答案:

答案 0 :(得分:1)

在样式表的顶部添加:

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

正文有一些默认paddingmargin设置为0会使元素粘到边缘

答案 1 :(得分:0)

提示:您始终可以使用元素检查器进行检查

Chrome developers kit

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

默认情况下,正文总是margin 8px。要禁用它,只需使用:

body{
   margin: 0px;
}