Question

我的网站是www.rosstheexplorer.com。

我正在使用Penscratch主题，虽然已修改了它的许多方面。

我最近做了一些更改，包括使我的标题和导航栏全宽。

这些更改的意外后果之一是现在我的小部件区域不再与我的内容区域并排放置。

我在Google Chrome上使用了开发者工具，并开始尝试更改两个元素的宽度，填充和边距。我没有尝试过任何接近我想要的东西。我会做更多的实验，但我不知道从哪里开始。

在style.css中我是否必须对

进行修改

.site-content .widget-area {
    margin-top: 27px;
    padding-top: 24px;
    border-top: 3px solid #eee;
}

或

.widget {
    line-height: 2.09231em;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 27px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;

Answer 1

查看此代码是否适合您：

#primary.content-area {float: left;width: 70%;}
#primary.content-area .site-main{width:100%;}
.widget-area{float:right;width:30%;}

Answer 2

检查您的网站，我理解的是，这是一个与浮动相关的问题。尝试申请

float:left

为您的“.widget-area”

让Content-Area和Widget-Area并排坐下

2 个答案: