html - 菜单将页面的其余部分向下推

Question

我怎样才能让我的菜单不影响它下面的代码？我认为position:fixed;会解决这个问题，但我不确定。

score 1 · Accepted Answer

您将要添加.menu { position:absolute; top: 45px; }.

该position:absolute属性将从布局流中取出子菜单，这将允许它出现在以下文本上方。子菜单将不需要页面上的任何“空间”。将top:45px正确定位子菜单。

您还需要设置子菜单的父元素以position:relative确保子菜单元素相对于其父元素定位。在这种情况下，这将45px来自顶部！

score 0 · Accepted Answer

一种方法是为您的菜单使用绝对位置：

position:absolute;
top:55px;
right:8px;
z-index:9999;

这是一个例子：jsFiddle

score 0 · Accepted Answer

0

我用过position:absolute。结果如下：http: //jsfiddle.net/u9EEt/4/

于 2013-04-10T14:13:07.480 回答

score -1 · Accepted Answer

尝试添加显示：已修复

.menu {
    float: right;
    width: 200px;
    height: auto;
    position: fixed;
}

4 回答 4