如何从网站中删除多余的空白？

Question

我有一个内部开发的网站，用于进行家庭检查www.e-ghar.com。但我在其主页上遇到了一个问题。在较小的屏幕上查看时，主页在右侧显示额外的空白区域。任何CSS专家都可以帮我识别问题吗？

Answer 1

有两种方法可以解决您的问题。

快速修复

body {
    overflow-x: hidden;
}

或实际修复

.tt-wrapper { 
    overflow: hidden;
}

Answer 2

尝试这样的事情。

 #fwslider {
    overflow-x: hidden;
 }

Answer 3

试试这个。

#fwslider {
  overflow: hidden;
}

Answer 4

看起来您需要的只是box-sizing: border-box。

box-sizing: border-box包括宽度中的填充和边框。

* {
    box-sizing: border-box;
}

如果您这样做，则必须将.product1_of_3更改为：

.product1_of_3 {
    float: left;
    width: 29.3333%;
    padding: 2%;
    margin: 0 2%;
    background: #ffffff;
}