html - 布局不对齐

Question

我有两个容器，一个在另一个上面。底部的比顶部宽，左右都有自动边距。我认为最上面的一个应该甚至位于另一个之上。

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

它专为在现代浏览器中工作而设计。 IE9、Chrome、FF。 IE8 支持尚未完成，但最终需要在 IE8 中运行。

现场演示:

http://julianjosephs.com/seniorloans/

截图

Answer 1

据我所知，您已在 container.columns 样式中设置了属性 margin-left: 10px。下部蓝色部分未设置此属性。您可以尝试为页脚，即:

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

希望对您有所帮助。