我有一个主题, 该主题涉及索引页面上的主区域和侧边栏, 以及包含各个帖子的内部页面上的两个相等的列。
在本地主机上查看时, 这些列会完美浮动, 并且在线激活主题后它们将完全不会浮动。我尝试了许多解决方案, 包括将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*/
}
【在线激活wordpress主题时,div不会浮动-在localhost上可以】border-box告诉浏览器在为元素的宽度和高度指定的值中考虑任何边框和填充。如果将元素的宽度设置为100像素, 则该100像素将包括添加的任何边框或填充, 内容框将缩小以吸收该额外宽度。通常, 这使调整元素大小变得容易得多。更多
推荐阅读
- SQL query()方法是否以任何方式影响WordPress()
- DIV在结帐页面上生成了2次(WOO COMMERCE)()
- Divi(桌面视图中的部分突然消失)
- Divi(限制点击次数按钮)
- 在centos 下 设计“安全”的delete命令替代rm。
- shell 隔行打印
- Linux网络编程原始套接字能干什么()
- Linux驱动字符设备驱动
- 阿里云Redis数据备份及恢复至自建数据库