Question

目前，我有一个附加到 li 元素的切换选项。但是我似乎无法显示在 li 父div之外切换的div。

<div id="header">
    <header>
        <ul>
            <li>1</li>
            <li class="action" data-content="#content1">2</li>
        </ul>
    </header>
</div>
<div class="content" id="content1">
    <p>A Bunch of Content</p>
</div>

为了节省空间，这是我的小提琴：http://jsfiddle.net/Thelawman/9KCg9/ 当我这样做时，我可以在标题中看到切换的 div 的顶部。我想直接在标题元素下显示它。在此先感谢，这里的人们总是非常乐于助人。

Answer 1

问题是因为position:fixed用于div#header。试试这个：

#header {
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:66px;
    z-index:1;
    background-color:#000000;
}

<强> DEMO

或

如果您想在滚动页面时使用position:fixed将标题固定在顶部。您可以margin-top使用div.content。试试这个：

.content {
    display:none;
    width:500px;
    height:200px;
    padding:10px;
    background-color:#FF000D;
    border: 4px solid;
    margin-top:68px;
}

DEMO

在当前Div之外切换Div

1 个答案: