CSS div 拉伸(stretch)到整个浏览器宽度

Question

下面代码 DIV #imagemiddle 的输出不会拉伸(stretch)到浏览器全宽，我希望顶部工具栏必须固定，下面的 div 是 position: relative 而不是绝对或固定。

HTML

<div id="topbar"></div>
<div id="imagemiddle"></div>

CSS

#topbar {
    position: fixed;
    display: inline-block;
    top: 0px;
    left: 0px;
    background-color: #2D2D2A;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    height: 42px;
    width: 100%;
    z-index: 5;
    overflow-x: visible;
    overflow-y: visible;
}
#imagemiddle {
    position: relative;
    display: inline-block;
    top: 40px;
    background-color: #4D4D4D;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    height: 44px;
    width: 100%;
    z-index: 0;
    overflow-x: visible;
    overflow-y: visible;
    background-color: "red"
}

Answer 1

一个简单的解决方案，您需要将 margin:0; 添加到您的 css 中。

body{ margin:0;}

DEMO