Question

我想弄清楚元素左上角的X和Y位置是什么？对于主容器，我认为它是（8,8）但是主容器和标头之间存在间隙，我不确定如何计算它。 <header>元素中是否包含边距或填充？

header
{
     top: 0;
     left: 0;
     height: 100px;
     background-color: #ffffff;
}


#main-container
{
     position: absolute;
     top: 8px;
     left: 8px;
     background: #cccccc;
     height: 500px;
     width: 700px;
}

Answer 1

试试这个：

body{
 margin:0;
}

或者 Ugly reset ：

*{margin:0;padding:0;}

此外，某些较旧的浏览器可能需要为较新的 HTML5标记（display:block;）定义header, footer, section, article etc...。

另外，对top使用left和header属性是没用的除非您使用position属性^{*最终演示链接}

Demo with issue || Demo without gap || Final Demo

标题有什么差距？

1 个答案: