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