请教margin的一个问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:21:03
Original
1125 Leute haben es durchsucht

我现在使用的浏览器是360极速浏览器。

第一段代码:

<html><head><style type="text/css">html{border:1px solid blue;}body{border:1px solid red;}p{border:1px solid green;}div{border:1px solid red;margin:0px;}</style></head><body><div>div</div><p>p</p><p>p</p></body></html>
Nach dem Login kopieren


显示效果如下


此效果说明在360极速浏览器中,

的margin-top是存在的,目测为10px;

然后,把

中的
div
这一行去掉
产生如下效果:


这个效果有说明了

的margin-top变为0px了。

似乎有些矛盾。

问题很初级,见笑了,求解答…………


回复讨论(解决方案)

本帖最后由 net_lover 于 2013-05-10 11:19:01 编辑

不同的DTD有不同的解释,你可以在页头加上
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


或者

nbsp;html>

不同的DTD有不同的解释,你可以在页头加上
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


或者

nbsp;html>
好的,你说的这个我还不是很清楚,我查查这方面的资料先,非常感谢!

第一次是因为div在默认情况是下没有垂直外边距的,而body和p默认情况下是存在外边距的。
因为body和p中间有一个div分隔,所以两个垂直外边距没有发生 “垂直外边距叠加”的效果。

垂直外边距叠加 的前提是两个垂直外边距相邻。

第二次,去掉了div元素,所以会导致body的上外边距和p的默认的上外边距叠加,最后取两者中较小的值。
最后导致的效果是body和p的上外边距值相等。。
所以两个上外边距相等值的元素显示出来都是“重叠”在一起了。

的确有点不好理解。。。

CS高深莫测啊  鄙人还有很多要学的

第一次是因为div在默认情况是下没有垂直外边距的,而body和p默认情况下是存在外边距的。
因为body和p中间有一个div分隔,所以两个垂直外边距没有发生 “垂直外边距叠加”的效果。

垂直外边距叠加 的前提是两个垂直外边距相邻。

第二次,去掉了div元素,所以会导致body的上外边距和p的默认的上外边距叠加,最后取两者中较小的值。
最后导致的效果是body和p的上外边距值相等。。
所以两个上外边距相等值的元素显示出来都是“重叠”在一起了。

的确有点不好理解。。。

第一次和第二次的body边框都是用了solid的,所以不会发生叠加……
而且,垂直合并是取两者中较大的值……

谢谢你的回答!

haslayout和块级上下文,很多时候bug都是这两种原因造成的,

后面加上换行

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage