时间戳

首页 > 解决方案 > 在线激活 wordpress 主题时，Divs 不会浮动 - 在 localhost 上很好

css - 在线激活 wordpress 主题时，Divs 不会浮动 - 在 localhost 上很好

问题描述

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

在本地主机上查看时，列完美浮动，一旦在线激活主题，它们根本不会浮动。我尝试了许多解决方案，包括将 box-sizing:border box 应用于各种类，更改显示：属性调整某些元素的大小等等，但它拒绝工作。

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

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

标签： csswordpresslocalhostwordpress-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 像素将包括您添加的任何边框或填充，并且内容框将缩小以吸收额外的宽度。这通常会使调整元素大小变得容易得多。更多的

推荐阅读