Html 布局不对齐

我有两个容器，一个在另一个上面。底部的一个比顶部的宽，并且都在左右两侧具有自动边距。我想上面的一个应该坐在另一个上面

我不知道是什么导致了这种不平衡。远程工作的唯一解决方案是手动设置左边距，但在调整屏幕大小时无法正确缩放

它设计用于现代浏览器。IE9，铬，FF。IE8支持尚未完成，但最终需要在IE8中工作

现场演示：

截图

---

带有类

的
div
。body boder right

和

body boder right

具有不同的宽度

.body-boder-left {
  ...
  width: 90px;
}

.body-boder-right {
  ...
  width: 70px;
}

尝试将它们设置为相同的：

.body-boder-left {
  ...
  width: 70px;
}

.body-boder-right {
  ...
  width: 70px;
}

---

在我看来，您已经在

container.columns

样式中设置了属性

margin left:10px

。 未为蓝色下方部分设置此属性。你可以试着用一个传统的左键 页脚，即：

.container.footer.column.extend-width
{
左：10px；
}

---

希望有帮助。

您的链接不起作用。。找不到远程服务器错误。@Julian作为旁白，请确保您尝试在4:3的监视器中查看该站点（或者只是将浏览器的大小重新调整为更小）。所有的东西都会翻转出来。你也有不同大小的阴影；1是83×1，另一个是90×1。如果将图像缩短20像素，阴影可能会突然停止，而不会渐变到背景中。例如，页面上的左阴影。