Html 关于引导

我有两个div，一个在另一个的一边，当我恢复屏幕大小时，到达一个div被覆盖的点。一个div为侧菜单，位于浏览器屏幕左侧；它有12%的宽度。另一个部门剩下12%的利润。我需要做什么才能使它们不被覆盖？ 既然已经，谢谢你

守则的一部分：

     #header{
        background: #DEDEDE;
        color: #e20074;
        width: 88%;
        font-family: serif;
        margin-left: 12%;
        margin-right: auto;
        text-align: center;
    }
     #menu{
    margin-top: -30px;
    position: absolute;
    text-align: center;
    width: 12%;
    height: 88%;
    float:  none;
  }
<div id="header" class="jumbotron">
    <h4 id="title">
    {{app}}
    </h4>
</body>
</div>
  <div id="menu" class="jumbotron">
      <hm>Menu</h3>
  </div>

#标题{
背景：#DEDEDE；
颜色：#e20074；
宽度：88%；
字体系列：衬线；
左缘：12%；
右边距：自动；
文本对齐：居中；
}
#菜单{
利润上限：-30px；
位置：绝对位置；
文本对齐：居中；
宽度：12%；
身高：88%；
浮动：无；
}
{{app}}
菜单

添加

#标题

、

#菜单

的宽度以及超出100%宽度的边距：

88%+12%+12%=112%

尝试将#标题的

宽度

更改为

76%

，使总宽度增加到100%，如下所示：

76%+12%+12%=100%

如果您不希望页眉宽度太小，则必须减小页边空白或菜单宽度，使总数等于100%

#header {
    width: 76%;
    /* other style properties */
}

---

我不明白你在找什么，你能不能再详细一点？安德鲁，对不起，别再客气了。我想说的是，当我恢复屏幕大小时，div被覆盖，一个在另一个之上。我应该为div做的是继续响应，但不在其他div之上上升？页眉div留有12%的边距，在最大化屏幕浏览器上，这12%是菜单宽度所占的空间，但当我减小屏幕大小时，页眉左侧的边距保持在距离的12%以下，并覆盖菜单。你现在终于明白我的意思了？对不起，但你不是在工作。88%的视图被标题宽度占据，另外12%被菜单宽度占据。我的问题是标题将宽度更改了88%以上，并占用了菜单空间：/请发布一个microsoft paint sketch，显示站点现在的外观以及您希望它的外观。当浏览器处于全尺寸时，一切正常，当我将浏览器大小更改为更小时，就会发生这种情况。很抱歉，现在我无法发送图像（尽快发送。