css - 当在线激活 wordpress 主题时，div 不会 float - 在本地主机上很好

Question

我有一个主题，它涉及索引页上的主要区域和侧边栏，以及包含各个帖子的内页上的两个相等的列。

在本地主机上查看时，栏目完美 float ，在线激活主题后完全不会 float 。我尝试了多种解决方案，包括将 box-sizing:border box 应用于各种类，更改 display: properties 摆弄某些元素的大小，等等，但它拒绝工作。

网站位于 http://shanepeacock.ca/

我正在寻找需要 float 的元素的修复程序，但我也想弄清楚如何设置我的本地主机环境，以便它实际上向我展示了上传后我将获得的内容主题。 Wordpress 在这两个地方都是最新的。

Answer 1

使用 box-sizing: border-box 来计算填充:

.sidebar {
padding: 10px;
margin: 1%;
width: 33.75%;
float: right;
box-sizing: border-box; /* ADDED */
}

.blog-container {
padding: 10px;
width: 62.25%;
margin: 1%;
float: left;
box-sizing: border-box; /* ADDED*/
}

border-box 告诉浏览器考虑您为元素的宽度和高度指定的值中的任何边框和填充。如果将元素的宽度设置为 100 像素，这 100 像素将包括您添加的任何边框或填充，并且内容框将缩小以吸收额外的宽度。这通常使得调整元素的大小变得更加容易。 More