网站添加100%宽度以外的空白内容,如何删除它?

时间:2014-05-06 07:39:35

标签: css padding

我正在使用新网站,而且我遇到了一个问题,即该网页在网站容器的右侧添加了额外的空白内容。

这使网站感觉不方便,因为向右滚动是没有意义的,因为那里没有内容...

Here's a screenshot of the problem

感谢您尝试解决问题或找出原因造成的任何帮助:)

此处a live版本。

修改

我设法使用overflow:hidden来修复问题;在.main-content容器上。我猜这可能会在开发的后期阶段引起问题,但现在它可以工作..

1 个答案:

答案 0 :(得分:0)

迈克尔 -

看起来你正在使用的FlexSlider插件在其样式表中有一个奇怪的属性,可以添加40 px的右边距。要修复它,请编辑站点的flexslider.css文件中的以下代码段,将40px值边距转换为0px:

/** Custom Meta Slider CSS **/
.flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px 0;
}

如果不能解决这个问题,请告诉我!