Maison >interface Web >tutoriel HTML >求指点,框位置position设置疑惑_html/css_WEB-ITnose

求指点,框位置position设置疑惑_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:22:231072parcourir

本帖最后由 kakasiee 于 2013-07-07 15:10:54 编辑

HTML CSS

HTML1:

Cascading Style Sheets



CS1:
h1
{
position:absolute;
top:0px;
left:0px;
width:100%;
background-color:#666666;
padding-top:10px;
padding-left:5px;
padding-bottom:30px;
color:#ffffff;
}

样式如图一:


HTML2:
Cascading Style Sheets


CSS2:

div
{
position:absolute;
top:0px;
left:0px;
width:100%;
background-color:#666666;
padding-top:10px;
padding-left:5px;
padding-bottom:30px;
color:#ffffff;
}
样式如图二:



同样设置了
position:absolute;
top:0px;
left:0px;

为什么第二个可以顶齐网页,而第一个却留下空白呢?

求大神指点

回复讨论(解决方案)

然后我在chrome里试验了下,就是第一种情况了,然后我加了margin-top:0px那又OK了。不同的浏览器这个要兼容真的挺头疼的。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn