为了账号安全,请及时绑定邮箱和手机立即绑定

在html中只写一个div,为什么不能紧挨着浏览器,而是上,左右有一个间距?

在html中只写一个div,为什么不能紧挨着浏览器,而是上,左右有一个间距?

fallwind 2016-02-01 15:50:14
<!doctype html><html><head><meta charset="utf-8"><title>html标签测试</title><style type="text/css">/**{padding: 0px;margin: 0px;}*/</style></head><body><div>这是块级元素</div></body></html>
查看完整描述

8 回答

?
MadMarical

TA贡献79条经验 获得超122个赞

你好。因为浏览器在初始化时已经默认了一个边距,如果想紧贴。首先需要初始化这个边距为0。示例代码如下:

*{margin:0;padding:0;}

查看完整回答
10 反对 回复 2016-02-01
  • MadMarical
    MadMarical
    你好。首先要明白标签和元素的区别,body是一个标签。div是一个块级元素,块级元素的组成和标签是不同的。块级元素才包括margin和padding两个属性,而标签是不包括的。理由如下:如果你可以通过设置块级元素的margin属性来完成设置body的padding属性所能完成的任务,我何必还要弄一个body的padding属性来充数呢?但是,body标签拥有margin属性。你可以试试。 在理解方面,你认为body 是一个盒子,这当然没有问题,逻辑层面上它就像是一个盒子将元素封装起来。但是实际上,body标签的作用是一种格式规范,表示网页的开始和结束。 以上是我的浅见,欢迎交流。
?
旅行

TA贡献4条经验 获得超2个赞

浏览器会对每一个HTML标签添加一个默认样式,你可以在谷歌浏览器右击页面审查元素,里面找找。
以谷歌浏览器为例,它会给,body添加一个margin: 8px;的样式
所以为了各个浏览器的表现一致性,有了对默认样式的重置

查看完整回答
2 反对 回复 2016-02-01
  • 旅行
    旅行
    按我理解,html,body都属于盒子;
?
慕用9727068

TA贡献1条经验 获得超0个赞

因为div本身就有margin存在,你把那个初始化的注释去掉就可以了

查看完整回答
反对 回复 2016-02-02
?
wuzhoubo

TA贡献2条经验 获得超0个赞

因为你的DIV是在body里面的,body是有一个边距的,你可以设置body的属性。

body{

background-color:0;

margin:0;

padding:0;

}

body和整个页面是有默认间距的,你只需要把margin、和padding设置为0就好啦。margin和padding是内外边距。

查看完整回答
反对 回复 2016-02-01
?
魔法师李维

TA贡献2条经验 获得超0个赞

这个是初始化问题,你看上去认为没有编辑,但是在浏览器默认的css初始化中已经设定了div应该有了边距

查看完整回答
反对 回复 2016-02-01
?
糖果哥

TA贡献1条经验 获得超0个赞

css reset

查看完整回答
反对 回复 2016-02-01
?
古__月

TA贡献44条经验 获得超22个赞

因为你没有初始化啊,需要使用初始化才能实现没有间隔的

查看完整回答
反对 回复 2016-02-01
?
qq_爱西红柿_0

TA贡献3条经验 获得超5个赞

把那个注释去掉


查看完整回答
反对 回复 2016-02-01
  • 8 回答
  • 0 关注
  • 4618 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信