Css 两列侧边栏渲染不正确

这个网站以前看起来不错，后来wordpress升级了。没有其他变化。侧边栏从一列开始，然后拆分为两列。这两列在两个div中设置，一个浮动为左，一个浮动为右。在mac电脑上使用FF看起来不错，但仅此而已。mac上的Safari和pc上的主要浏览器都出现了问题。有什么建议可以解决吗

如果要查看源代码，请查看完整站点：

以下是css：

#content {
border-right:2px solid #abcfcb;
margin: 20px;
width:630px;
float:center;
padding-right: 10px;
}
#primary {
float: right;
overflow: hidden;
width: 310px;
}
#secondary {
float: left;
overflow: hidden;
width: 150px;
}
#third {
float: right;
overflow: hidden;
padding-left: 5px;
width: 150px;
list-style-type:none;

}

---

我看不到

第三个div

。我想你把它评论掉了？在任何情况下，你都应该尝试以下方法

尝试将

float

第三个div也放到左侧

更重要的是，减少

二级

和

三级

div。从

5px开始，看看是否有效

---

你应该有

宽度：310px#二级

和

#三级

中使用code>，而不是它们拥有的

宽度：150px

即使在那之后，一些广告仍然存在一些对齐“问题”。但您可以添加

文本对齐：居中编码到您的#辅助

，然后将

文本对齐：左到您的中学的标题
#中学#text-17 h3

这就是解决问题的方法：

#content {
border-right:2px solid #abcfcb;
margin: 20px;
width:630px;
float:center;
padding-right: 10px;
}
#primary {
float: right;
overflow: hidden;
width: 310px;
}
#secondary #text-17 h3 { text-align: left; }
#secondary {
float: left;
overflow: hidden;
width: 310px;
text-align: center;
}
#third {
float: right;
overflow: hidden;
padding-left: 5px;
width: 310px;
list-style-type:none;
}

这不是必须的，但因为这非常简单，下面是添加代码的示例：

编辑：以前没有考虑到一些事情

Edit2:如果有一天我能学会阅读的话。这个解决方案将使它成为您想要的一列。你只是还不知道：）
找不到问题。使用chromeThis无法修复它。我不希望它是一列，我希望第二和第三个边栏彼此相邻-最终形成两列。边栏的结构是。。不完全。。我喜欢那样做。让我试着解释一下。在
#secondary
内部，您有这些独立的元素，每个元素几乎都包含一个广告，
#third
就是其中之一，也在
#secondary
内部，所以它实际上不是第三个元素，而是
#secondary
的子元素。你应该把广告一分为二，放在两个不同的小部件中，而不是放在多个小部件中。