我的主题涉及索引页面上的主要区域和侧边栏，以及包含单个帖子的内部页面上的两个相等的列。
在本地主机上查看时，列完美浮动，一旦在线激活主题，它们就根本不会浮动。我尝试了许多解决方案，包括将 box-sizing:border box 应用于各种类，更改显示：属性调整某些元素的大小等等，但它拒绝工作。
我正在寻找需要浮动的元素的修复方法，但我还想弄清楚如何设置我的 localhost 环境，以便它实际上向我展示了我将在上传主题。 Wordpress 在这两个地方都是最新的。
【问题讨论】：
标签： css wordpress localhost wordpress-theming
使用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
【讨论】：