Html 添加位置：固定；断头台

代码如下：

div{
边界半径：5px；
边框：1px纯绿色；
-moz框大小：边框框；
-webkit框大小：边框框；
-ms框尺寸：边框框；
框大小：边框框；
}
#标题{
高度：52px；
宽度：100%；
背景色：#B2D490；
z指数：1；
}
h1{
颜色：#FFFFFF；
左侧填充：25px；
保证金：0；
显示：内联；
字体大小：27px；
线高：50px；
}
h2，h3，h4，h5，h6{
左侧填充：10px；
利润率：10px 0 10px 0 px；
}
.左{
身高：100%；
宽度：250px；
背景色：#淡黄色；
浮动：左；
边缘顶部：10px；
}
.对{
身高：100%；
宽度：300px；
背景色：#DBFFE0；
浮动：对；
边缘顶部：10px；
}
#页脚{
高度：35px；
宽度：100%；
背景色：#57C449；
明确：两者皆有；
位置：相对位置；
边缘顶部：10px；
}
#页脚p{
颜色：#FFFFFF；
文本对齐：居中；
保证金：自动；
线高：35px；
}
跨度{
颜色：#E3；
}

我的头衔
我的简历
经验

Microsoft认证解决方案专家（MCSE）

jQuery专家


技能

复杂问题解决

灵活性

强烈的职业道德


教育类

一些课程


生意

咖啡馆


收益

10.000/月


©2015一些文本

我在这里看到的是，您在项目中应用了一些默认的不需要的CSS样式。要解决这个问题，您需要“重置”这些样式。我建议将此CSS文件添加到您的项目中。它会解决你的问题

---

应用位置时：固定；图元将相对于视图进行定位

试试这个

body{
  padding-top: 50px
}

#header {
    height: 52px;
    width: calc(100vw - 30px);
    background-color: #B2D490;
    z-index: 1;
    position: fixed;
    top: 5px;
}

---

要回答“问题是什么”，知道“期望值是什么”会有帮助。使用带有“粘性标题”的谷歌搜索，你并不真正知道你想要实现什么。如果您使收割台固定在顶部，它会像预期的那样位于左和右div的前面。你确定你真的想修复它吗？对我来说似乎有点奇怪请避免在你的答案中使用l33t speek和健谈的首字母缩略词。