Question

我从一开始就制作一个WordPress主题，但我在WP管理栏默认位置遇到麻烦，这里有一个关于它现在看起来如何的截图：

我需要将wordpress管理栏放在我的另一个栏顶部而不是在我的另一顶栏上面

类似这样的事情

但我似乎无法做到这一点。

这是完整的代码：

codepen.io/ismael158/pen/ZGPMqZ?editors=110

非常感谢你！

Answer 1

那是因为你给菜单定了一个固定的位置。您分享的代码对于帮助解决这个问题并不是很有用，重要的是围绕它的内容。但是，当工具栏可见时，WordPress基本上会向下推<html>标记。所以，你可以通过

解决这个问题

为菜单周围的框架提供相对位置
为您的菜单提供绝对的位置。

绝对定位基本上与固定定位相同，但它相对于第一帧具有相对定位，而不是屏幕。

f.ex。

HTML：

<html>
<head>[...]</head>
<body>
    <div class="frame">
        <div class="top-nav">
            [your menu]
        </div>
        [your content]
    </div>
</body>
</html>

CSS：

.frame {
    width: 100%;
    position: relative;
}

.top-nav {
    background: blue;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

我希望这会有所帮助。 GL吧！

如何用css定位wp管理栏

1 个答案: