网页溢出右边

时间:2018-01-04 00:36:47

标签: html css

我正在学习如何建立一个网站,并且已经遇到了麻烦。

该网站为here,如您所见,可以向右滚动,我不想发生这种情况。

我认为问题在于以下元素:

.logo_bg {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 40px;
  padding-bottom: 130px;
  text-align: center;
  width: 100%;
  position: relative;
  top: 0px;
}

(我希望)与容纳徽标的容器和页面顶部的文本相关联。我认为宽度是100%是问题,但我不确定为什么;目前似乎超过100%。

感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

删除

.logo_text width: 100%

.logo_image position: relative

答案 1 :(得分:-1)

从logo_image类中删除左边以使其居中并修复溢出。

同时添加左:0;到你的logo_text,因为它有来自父级的填充40px加上100%宽度(100%+ 80px [溢出])或者只是移除宽度并将其相对定位