Html 设备大小引导CSS内容穿过包装线

我以为我的div标签和其他的不匹配，但我一次又一次地检查它不匹配。这有点奇怪。我不明白为什么内容到处都是，在导航之后和内容之后，我得到了顶部的whitegaps

这就是我得到的

对于我试图使用的黄色包装

margin:0; padding:0;height:100%; width:100%;

但它不起作用

对于间隔，我尝试使用

overflow:hidden

它可以工作，但对我的导航来说并不完美。宽度仍然溢出，但我看不到角落（意味着只是隐藏它）

顺便说一句，我使用引导，并试图修改一些em。它的工作只是在桌面大小的任何桌面。但当我转向移动设备（iPhone5定位：potrait）时，它出了问题

请帮忙，我不知道发生了什么事。据我所知

margin:0；填充：0；身高：100%；宽度：100%是魔术。但事实并非如此


/*关于我们*/
#关于{
位置：相对位置；
背景#ffff00；
宽度：自动；
高度：自动；
保证金：0；
填充：0；
}
A.aboutus{
位置：相对位置；
边缘顶部：80px；
高度：自动}
.aboutus>h1{
填充：0.5%；
字母间距：5px；
}
.关于左，.关于右{
高度：自动；
填充：0.5%0.5%；
}
A.关于h2{
字母间距：4px；
填充：5%5%1%5%；}
.关于h3{
字母间距：1px；
线高：1.5；
}
.aboutus h3：第一个孩子{
位置：相对位置；
边缘底部：100px；
z指数：90；
}	
.关于沥青{
位置：绝对位置；
右：2%；
最高：100%；
文本对齐：右对齐；
宽度：50%；
转换：翻译（-2%，-50%）；
z指数：88；
}
.关于沥青img{
宽度：80%；
}
.我们的团队{
背景：url（../touchupAssets/about/Background1.png）；
背景大小：100%100%；
身高：100%；
位置：相对位置；
z指数：1；
}
.ourteamContent img{
宽度：100%；
}
.ourteamContent>h1{
字母间距：8px；
}
#我们的团队权利{
位置：绝对位置；
最高：50%；
右：0；
右：5%；
左侧填充：0；
转换：翻译（0，-50%）；
线高：1.5；
字母间距：2px；
}
.profileBack：第一个孩子{
背景：无；
}
#包装袋{
利润率最高：-20%；
}
.心理学{
填充：0；
利润上限：-2%；
最小高度：50vh；
}
.大约{
填充：25px 100px；
字母间距：5px；
}
.合伙人{
利润上限：-2%；
垫底：5%；
背景：url（../assets/BG_3.png）；
背景大小：100%100%；
最小高度：50vh；
}
.个人资料{
身高：100%；
宽度：75%；
位置：相对位置；
左：50%；
转化：translateX（-50%）；
}
.profilecontent{
填充：5%0；
宽度：75%；
浮动：无；
位置：相对位置；
保证金：0自动；
}
.profilepict、.profiletext{
}
.profiletext{
填充：0；
}
.profiletext>h2{
字母间距：5px；
}
.精神分裂症{
边缘底部：50px；
字体大小：粗体；
}
.profiletext>h3{
右：15%；
字母间距：2px；
线高：1.5；
字号：21px；
}
.profilepict{
利润率最高：-15%；
显示器：flex；
证明内容：中心；
调整项目：灵活启动；
自我校准：灵活启动；
填充：0；
}
.profilepict img{
宽度：150%；
身高：100%；
}
.profileBack:第n个子项（奇数）{
位置：相对位置；
z指数：22；
利润率最高：-8%；
最大高度：100%；
}
.profileBack:n个子项（偶数）{
位置：相对位置；
利润率最高：-8%；
最大高度：100%；
z指数：20；
}
.profileBack:n个子项（奇数）：n个子项（3n+1）{
背景：url（../touchupsets/about/CyanBackground.png）；
背景大小：100%100%；
}
.profileBack:n个子项（偶数）：n个子项（3n+2）{
背景：#f61a7c；
背景大小：100%100%；
}
.profileBack:n个孩子（奇数）：n个孩子（3n+3）{
背景：url（../touchupsets/about/YellowBackground.png）；
背景大小：100%100%；
}
.profileBack:n个孩子（偶数）：n个孩子（3n+4）{
背景：#99ffff；
背景大小：100%100%；
}
.profileBack:n个孩子（奇数）：n个孩子（3n+5）{
背景：url（../touchupsets/about/MagentaBackground.png）；
背景大小：100%100%；
}
.profileBack:n个孩子（偶数）：n个孩子（3n+6）{
背景#ffff00；
背景大小：100%100%；
}	
div.profileBack:第n个子项（奇数）.profiletext{
浮动：对；
位置：绝对位置；
排名：0；
右：0；
显示器：flex；
身高：100%；
调整项目：灵活启动；
证明内容：中心；
弯曲方向：立柱；
}
div.profileBack:第n个子项（奇数）.profilepict{
浮动：对；
填充：0；
边际上限：0；
位置：绝对位置；
排名：0；
左0；
显示器：flex；
证明内容：中心；
调整项目：灵活启动；
自我校准：灵活启动；
}
div.profileBack:n个子项（奇数）.profiletext>h2{
左：20%；
}   
div.profileBack:n个子项（奇数）.profiletext>h3{
左：20%；
右边填充：0；
}
div.profileBack:第n个子项（偶数）.profiletext{
浮动：左；
位置：绝对位置；
排名：0；
左：0；
显示器：flex；
身高：100%；
调整项目：灵活启动；
证明内容：中心；
弯曲方向：立柱；
}
div.profileBack:第n个子项（偶数）.profilepict{
浮动：左；
填充：0；
边际上限：0；
排名：0；
右：0；
位置：绝对位置；
显示器：flex；
证明内容：中心；
调整项目：灵活启动；
自我校准：灵活启动；
}
德夫特姆先生{
位置：相对位置；
z指数：21；
背景：#fff；
背景大小：100%100%；
最小高度：100%；
利润率最高：-8%；
垫顶：8%；
文本对齐：居中；
}
.teamimg{
身高：50%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.teamimgdmg img{
宽度：100%；
}
@媒体屏幕和屏幕（最大宽度：773px）{
/*关于我们*/
#关于{
位置：相对位置；
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
A.aboutus{
边缘顶部：50px；
}
}

关于我们









关于我们

文本
文本
#aboutus{
    position:relative;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow-X:hidden;
}
.aboutus{
    margin-top:50px;
}