CSS :: footer对齐和溢出问题

Question

在上图中，您可以将页脚顶部边框与登录框对齐。我想限制边框宽度等于登录容器宽度。 而且我也不希望x轴像图像那样滚动。

解决我使用的溢出问题，

html {
  overflow:hidden !important;
}

但这似乎对我没有好处，

我想要这样的东西，

页脚顶部边框应与红线对齐

Fiddle

Answer 1

您正在使用position: absolute;，因此您需要left: 0;使用.google-footer-bar

Demo

.google-footer-bar {
    position: absolute;
    bottom: 0;
    left: 0; /* Add this here */
    height: 35px;
    width: 100%;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
}

---

此外，如果你将元素包起来更好，比如1000px中的最大width，而不是使用margin: auto;将它们居中，没有包装元素只会破坏你的元素布局。就100% width元素而言，您可以使用width: 100%;作为容器，然后使用1000px;嵌套另一个子元素的margin: auto;，这样您的布局会很稳定。

Answer 2

您可能希望首先删除宽度和最小宽度以及高度和最小高度。