文章/答案/技术大牛

发布

社区首页 >问答首页 >把我的右边边栏放到我的页面顶部。

问把我的右边边栏放到我的页面顶部。
EN

Stack Overflow用户

提问于 2017-01-28 10:43:37

回答 4查看 715关注 0票数 0

由于我的博客内容的中心，我的右手边栏已下降到低于我的内容。

我怎样才能把它放回原处，这样它就会在我的页面右边？(在右侧边框和页面边缘之间)。

实时链接：https://www.moneynest.co.uk/how-to-choose-a-broker/

代码：

<html>
<body class="post-template-default single single-post postid-594 single-format-standard logged-in admin-bar no-customize-support nolayout windows chrome override" itemscope itemtype="http://schema.org/WebPage"><div class="site-container">
<div class="site-inner">    
    <div class="content">
        <div id="container">
            <div class="central-container">
                <div class="middle-content">
                <div class="inner-post-head">
                </div>
                    <div class="data-content">
    <!--MAIN CONTENT HERE -->         
                  </div><!-- End .middle-content -->
    </div>
        </div><!-- End #container -->
  </div><!-- End #content -->
     <aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-primary"><h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2><section id="text-9" class="widget widget_text"><div class="widget-wrap">          <div class="textwidget">
 <!--SIDE BAR CONTENT HERE--></div>
  <!--<div id="popular-articles">
    <p class="popular-articles-text">Popular articles</p>
  </div>-->
</div>
</div>
        </div>
<section id="text-10" class="widget widget_text"><div class="widget-wrap"   
        </div></section>
        </div>
        </aside>
<!--END OF SIDEBAR--!>
<!--FOOTER STUFF-->
        </body>
</html>

运行Wordpress与自定义创世纪主题和引导。

html

css

wordpress

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-01-28 10:59:31

您的样式表有下面的代码

.site-inner, .wrap {
    max-width: 1200px;
}

由于您的内容以空白左为中心，此1200 to不足以容纳您的侧边栏。所以，请把它改为下面的一个，这样它就会对你有用。

.site-inner, .wrap {
    max-width: 100%;
}

方法2:使您的内容部分集中通过，并使您的侧边栏定位在右侧。风格如下：

.site-inner{
position: relative;
}
.content {
width: 792px;
margin: 0 auto !important;
float: none;
}
.sidebar-primary {
    position: absolute;
    width: 240px !important;
    right: 0px;
    top: 0px;
}

票数 1

Stack Overflow用户

发布于 2017-01-28 10:46:30

position: fixed;
right: 0;
top: 0;

或者让它变薄(宽度:80%)，并提供内容显示:内联

票数 0

Stack Overflow用户

发布于 2017-01-28 10:50:39

除了从.content中删除左边框外，我还建议删除..site内部的空白，并添加margin:0 auto;。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41908831

复制

相似问题

问把我的右边边栏放到我的页面顶部。
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问把我的右边边栏放到我的页面顶部。EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问把我的右边边栏放到我的页面顶部。
EN