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

时间:2017-01-03 05:43:53

标签: html css

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

4 个答案:

答案 0 :(得分:0)

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

快速修复

body {
    overflow-x: hidden;
}

或实际修复

.tt-wrapper { 
    overflow: hidden;
}

答案 1 :(得分:0)

尝试这样的事情。

 #fwslider {
    overflow-x: hidden;
 }

答案 2 :(得分:0)

试试这个。

#fwslider {
  overflow: hidden;
}

答案 3 :(得分:0)

看起来您需要的只是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;
}