Как решить это с помощью css. Как переключить div с другим div
Когда я разворачиваю содержимое меню меню, разворачиваем его, как второе изображение. Это мой css
.contents {
/*margin-left: 165px;*/
/*margin-top: 60px;*/
position: absolute;
top: 120px;
left: 0px;
right: 0px;
bottom: 0px;
overflow-y: scroll;
}
и это мой html с содержанием.
<div class="contents" id="subContents">
</div>
Я пробовал с позиции «относительный», но это не работает для меня. С помощью z-index возникает такая проблема. http://jsfiddle.net/ssaranga/o7sh1j0f/
Работа с z-индексом, или позиция, зафиксированная в меню – WhiteLine
Что касается вашего последнего прикрепленного изображения: Я думал, это то, что вы хотели. На данный момент неясно, чего вы хотите достичь. Я повторяю: сделайте демо (например, jsfiddle), чтобы уточнить ваши требования. –