html和body的宽度怎么不一样?

html和body的宽度怎么不一样?,第1张

这个原因应该是浏览器的缘故,你可以打开浏览器按F12键,你可以在界面中查找是不是显示宽度和你设置的宽度不一致,一般这里就能找到原因了!

完了是这个原因之后,你在html的css中第一行直接定义body的属性左右边距和上边距为0,(内边距和外边距都为0)这样就没有这个问题了!

产生这个问题的原因是你没有设置body的属性,浏览器就用本身默认属性来顶替了,而你设置了body属性后,优先级高于浏览器默认属性,就不会有这个问题了!

一般情况下,都会自己直接设置body属性,以解决不同浏览器的兼容性问题!

浏览器默认的样式就是这样的,默认情况下<body>的宽度就比<html>小的,原因是<body>和<html>的内外边框所导致。因此我们在与CSS样式表的时候都要进行“reset”:

* {

outline: 0

padding: 0

margin: 0

border: 0

}

消除了默认的内外边框之后,<body>的宽度就与<html>相同了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="content-type" content="text/htmlcharset=GB2312"><title></title></head><body><span style="font-size:500px">大</span></body></html>500,可以改为你想要的数值.xwenfZ6!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6102402.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存