我真的不熟悉css。我真的需要一些帮助,我已经设置了一个 fiddle 来显示我的问题,
http://jsfiddle.net/naini/mBMq3/6/
.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 内容复制并粘贴到这个问题吗?
最佳答案
这是否更接近您要寻找的内容? 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;
}
关于jquery - css 相对于可滑动菜单定位绝对 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17717913/