Html 固定分割下的分割

Html 固定分割下的分割,html,css,Html,Css,我想创建一个与屏幕顶部固定的头球跳水相同高度和宽度的领球跳水,并将其居中。 我试图将数据从#header div复制到#necker div,并从顶部向下插入边距。你能帮我吗 #标题{ 位置:固定; 显示:内联块; 利润率:0.10%; 顶部:0px; 宽度:80%; 高度:150像素; 背景:rgb(217,47,54); z指数:1; } #内克尔{ 位置:相对位置; 显示:内联块; 利润率:0.10%; 边缘顶端:142px; 宽度:80%; 高度:150像素; 背景:rgb(24521

我想创建一个与屏幕顶部固定的头球跳水相同高度和宽度的领球跳水,并将其居中。 我试图将数据从#header div复制到#necker div,并从顶部向下插入边距。你能帮我吗

#标题{
位置:固定;
显示:内联块;
利润率:0.10%;
顶部:0px;
宽度:80%;
高度:150像素;
背景:rgb(217,47,54);
z指数:1;
}
#内克尔{
位置:相对位置;
显示:内联块;
利润率:0.10%;
边缘顶端:142px;
宽度:80%;
高度:150像素;
背景:rgb(245210 83);
}

亚基尔·弗里德
主页
关于我们
支持
出售!
联系我们

您对代码的期望值到底是什么?如果问题是两个div的宽度不相同,请尝试从正文中删除边距和填充(因此,在两种情况下,80%的结果都是相同的像素数)

固定块使用完整视口宽度来计算80%,而#necker使用主体宽度(使用浏览器应用的默认边距或填充)


如果这不是你的问题,我看不出你需要实现什么,请,你能更具体一点吗?

div不能与菜单居中,因为
位置:fixed
会使它忽略浏览器样式表中的默认
边距
如果将
边距:0
添加到
主体
两个元素w我将在同一地点居中

#标题{
位置:固定;
显示:内联块;
利润率:0.10%;
顶部:0px;
宽度:80%;
高度:150像素;
背景:rgb(217,47,54);
z指数:1;
}
#内克尔{
位置:相对位置;
显示:内联块;
利润率:0.10%;
边缘顶端:142px;
宽度:80%;
高度:150像素;
背景:rgb(245210 83);
}
身体{
保证金:0;
}

主页
关于我们
支持
出售!
联系我们

我相信下面的解决方案会对您有所帮助。您错过的是
的默认边距。删除它可以解决问题

关键部分 一小条
正文{
保证金:0;
}
#标题{
位置:固定;
显示:内联块;
顶部:0px;
利润率:0.10%;
宽度:80%;
高度:150像素;
背景:rgb(217,47,54);
z指数:1;
}
#内克尔{
位置:相对位置;
显示:内联块;
利润率:0.10%;
边缘顶端:142px;
宽度:80%;
高度:150像素;
背景:rgb(245210 83);
}

亚基尔·弗里德
主页
关于我们
支持
出售!
联系我们

谢谢。这是一条多么容易忘记的规则啊
body{
        margin: 0px;
        padding: 0px;
    }
body {
  margin: 0;
}