手风琴菜单使其他div内容移动

Question

这是小提琴，请检查一次 http://jsfiddle.net/Raghava0330/o44ez0qL/

这是我的HTML代码

<div id="cssmenu">
    <ul>
        <li class="active"><a href="#"><span>Home</span></a></li>
        <li class="has-sub"><a href='#'><span>Products</span></a>
            <ul>
                <li><a href="#"><span>Product 1</span></a></li>
                <li><a href="#"><span>Product 2</span></a></li>
                <li class='last'><a href="#"><span>Product 3</span></a></li>
            </ul>
        </li>
        <li class="has-sub"><a href="#"><span>About</span></a>
            <ul>
                <li><a href="#"><span>Company</span></a></li>
                <li class="last"><a href="#"><span>Contact</span></a></li>
            </ul>
        </li>
        <li class="last"><a href="#"><span>Contact</span></a></li>
    </ul>
</div>

Answer 1

这是因为内容的定位与菜单有关。

您应该做的是给菜单一个位置，例如添加以下内容。

CSS：

#cssmenu{
    position:absolute;
    top:0;
}

jsFiddle，已更新。

希望这可以帮助你。