内容被推下来

Question

我想让我的页面如下所示：

但是，目前它看起来像是：

my website

我尝试更改padding-right / left，但菜单中没有任何变化。

<article style="padding-right: 10px; padding-left: 10px;" class="post-6 page type-page status-publish entry" itemscope="" itemtype="http://schema.org/CreativeWork"><header class="entry-header">

有什么建议我做错了吗？

感谢您的回复！

Answer 1

应用以下规则：

.entry-content {
  width: 100%;
}

aside {
  float: right;
  width: 75%;
}

Answer 2

好的，你走了：

第一步：

将entry-content div移至facet-container旁边的facet_selection，然后更改css：

.entry-content {
    float: left;
    width: 790px;
}

以

 .entry-content {
    float: left;
    width: 100%;
}

因为您的父div为entry-content且产品div也为entry-content。你应该改变前面的课程名称。到entry-content2现在为它设置了一些风格：

.entry-content2 {
    float: right;
    width: 795px;
}

然后更改css：

#facet_selection {
    width: 22%;
    padding: 1%;
    margin-right: 2%;
}

以

#facet_selection {
    width: 260px;
    padding: 1%;
    margin-right: 2%;
}

好的，现在轮到您了，您可以根据需要更改width或padding或margin。我看到你使用了许多额外的padding或margin，你可以删除一些。我在inspect元素上做了它并且它可以工作，不能将你的所有网站都移到JSFiddle，所以按照我的指示。

<强>结果：