Question

所以我的"My Work" page完全按照我昨天想要的方式布局，我需要更换服务器。我改变了服务器，我所有的其他网站都很好，但我的工作看起来很像我的工作＆＃34;页面搞砸了。基本上，底部小部件区域的背景图像现在位于页面的中间。看起来此页面上的任何内容都不再位于其容器内部。这肯定是在我改变服务器之前。

任何帮助都会非常感激，我不知道为什么它只影响这一个网站上的这一页。我尝试重新上传css文件，并将整个主题添加到新服务器并且没有任何更改。

编辑：对不起，这是在页面中间浮动的小部件区域的CSS：

.widget-area {
  padding-top: 40px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 20px;
  color:#d2c1ad;
  margin-top: 3%;
  background-image:url(images/widgetarea.png);
  background-repeat:no-repeat;
  background-size: 101%;
}

Answer 1

编辑：浮动物品不占用任何空间。因此即使你有一堆.gallery-item div，它们也不会使容器有高度，因为它们会浮动。你需要清除浮动。最简单的方法是在最后一个.gallery-item之后添加一个div。给它明确的css：both;

~~在您拥有.widget-area的样式表的第555行，添加：~~

~~background-position: bottom center;~~

Answer 2

问题是小部件中margin-top个对象上的aside。要证明这一点，请将margin-top更改为.widget类的较小值。对我来说，这会将黑色摇摆的东西移到底部，就在页脚的上方，并且三个aside元素在右边，全部在彼此的上方或下方。

我猜测有更好的方法来完成这项工作，我个人会因使用百分比而离开。但我绝不是css专家，而且这里有很多可能会为你提供更好，更强大的解决方案。

服务器更改后CSS发生奇怪的事情

2 个答案: