个性化阅读
专注于IT技术分析

在线激活wordpress主题时,div不会浮动-在localhost上可以

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

在本地主机上查看时, 这些列会完美浮动, 并且在线激活主题后它们将完全不会浮动。我尝试了许多解决方案, 包括将box-sizing:border box应用于各种类, 更改display:随某些元素的大小变化的属性, 等等, 但是它无法正常工作。

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


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

赞(0)
未经允许不得转载:srcmini » 在线激活wordpress主题时,div不会浮动-在localhost上可以

评论 抢沙发

评论前必须登录!