div和div的反向显示完全重叠另一个div

Question

我无法更改下面给出的HTML，只能更改CSS。

另外＆＃34; mcontainer＆＃34;高度可变。

HTML IS：

<div id="contentcontainer">
    <div id="sidebar" class="sidebar"></div>
    <div id="mcontainer" class="container"></div>
</div>

#contentcontainer {
    position: absolute;
    width: 100%;
}

#mcontainer { /*To make it appear on the top*/
    clear: both;
    height: auto;
    margin-top: 0;
    padding-right: 0;
    position: fixed;
    width: 100% !important;
}

#sidebar {
    float: left;
    position: relative;
    width: 100% !important;
}

mcontainer完全重叠侧栏

我希望侧栏应显示在mcontainer

下方

怎么可能？

Answer 1

我猜你已经认真学到了很多定位。这太乱了。

基本上here's你想要的是什么：

<强> HTML：

<div id="contentcontainer">
    <div id="sidebar" class="sidebar">2</div>
    <div id="mcontainer" class="container">3</div>
</div>

<强> CSS：

#contentcontainer {
    position: relative;    
    background:#ddd;
}

#mcontainer { /*To make it appear on the top*/    
    position: absolute;
    top:0;
}

#sidebar {    
    position: absolute;
    top:30px;
}