WordPress 2列主题CSS问题

发布于 2024-10-14 01:54:11 字数 191 浏览 0 评论 0原文

我创建了一个 WordPress 博客 (http://raptor.hk),但我无法将右侧边栏设置到正确的位置。我想我错过了 CSS 中的一些东西。该 DIV 被命名为“rightbar”。我希望 DIV 位于白色包装内的内容旁边。此外,还需要支持流体布局(不随浏览器调整大小而移动)。

问题已解决(请参阅我的答案),但有人可以提供更好的解决方案吗?

I created a wordpress blog (http://raptor.hk), but i am unable to set the right sidebar into correct position. i think i have missed something in CSS. the DIV is named "rightbar". I would like the DIV to be positioned right next to the content, within the white wrapper. Also, support of fluid layout (not moving on browser resize) is needed.

the problem is solved (see my answer), but anybody can give better solutions?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

め可乐爱微笑 2024-10-21 01:54:11

您可以尝试为 div id“rightbar”设置以下样式。

position: absolute;
top: 200px;
right: 300px;

这会将“rightbar”div 放置在页面顶部、标题下方右侧。

You can try putting the following styles for the div id "rightbar".

position: absolute;
top: 200px;
right: 300px;

That will put the "rightbar" div at the top of the page, just under the header and to the right.

尝蛊 2024-10-21 01:54:11

我找到了解决方案。

我将 DIV 放在 #main DIV 中,并设置以下内容:

position: relative;
margin-top: 0px;
margin-right: 5px;
float: right;
width: 200px;
border: none;
border-collapse: collapse;

I found a solution.

I put the DIV just inside the #main DIV, and set the following:

position: relative;
margin-top: 0px;
margin-right: 5px;
float: right;
width: 200px;
border: none;
border-collapse: collapse;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文