css的位置绝对div在相对滑动菜单

我真的不熟悉CSS。我真的需要一些帮助，这一点，我已经建立了小提琴显示我的问题，css的位置绝对div在相对滑动菜单

.contentBack{ 
    width : 300px; 
    border : solid 30px; 
    position :absolute; 
    top :10; 
} 

.masterDiv{ 
    background-color: grey; 
    border: solid 1px; 
    width: 80%; 
    height:400px; 
    margin-top: 60px; 
    text-align: center; 
    padding : 10px; 
    position : relative; 
}

其实我是想在contentBack（粗黑边框）div来作为主div中（灰色背景）。

我不想让contentBack成为相对的，因为我希望菜单重叠contentBack，而不是在菜单出现时将其推向右边。

有没有其他解决方案呢？

p/s：我应该复制并粘贴整个jsfiddle的东西到这个问题？

来源

2013-07-18 Nur Aini

这是更接近你在找什么？ http://jsfiddle.net/mBMq3/8/甚至http://jsfiddle.net/mBMq3/10/？没有高度.masterDiv和.contentBack保持在流程中。

.masterDiv{ 
    background-color: grey; 
    border: solid 1px; 
    width: 80%; 
    margin-top: 60px; 
    text-align: center; 
    padding : 10px; 
    position : relative; 
} 
.menuDiv{ 
    position: absolute; 
    z-index: 100; 
    background-color: white; 
    border: solid 1px; 
    width: 200px; 
    height: 300px; 
    float: left; 
} 
.menuDiv li{ 
    text-decoration: none; 
} 
.menuButton{ 
    margin-top :-40px; 
    position: relative; 
    z-index: 100; 
    width : 100px; 
    height : 40px; 
    float: left; 
    writing-mode:tb-rl; 
    -webkit-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -o-transform: rotate(90deg); 

    -moz-transform-origin :bottom left; 
    -o-transform-origin :bottom left; 
    -webkit-transform-origin :bottom left; 

} 
.contentBack{ 
    width : 300px; 
    border : solid 30px; 
    position :; 

} 
.contentBackPadding{ 
    padding-left: 50px; 

}

来源

2013-07-18 08:10:00

感谢您的答复..我认为HTTP：/ /jsfiddle.net/mBMq3/10/是最接近我能达到我想要的。谢谢。 –

您需要添加right: 0或一些价值，您.contentBack

demo

然后你可以用overflow: hidden您.masterDiv

来源

2013-07-18 08:12:29

css的位置绝对div在相对滑动菜单

回答

相关问题