元素大于Page的宽度

时间:2016-04-30 10:49:29

标签: html css

我在自定义主题(WP)上的我的主页上工作。当我使页面更具响应性时,它以某种方式搞砸了所有内容,我不知道什么是公平的。

现在,页面比窗口更大,导致x溢出和滚动条,它不包含任何内容。这有点难以解释,所以这里有截图和实时视图:

http://prefixaut.net

3 个答案:

答案 0 :(得分:1)

试试这个,

在你的style.css中,行号 268,285,289 有问题。

以下css来解决这些问题。

更改这些CSS:

#selection .select .select-bg {
    /*left: -50px; Remove this line and Add Below lines  */
    left:0;
    right: 0;
    margin: 0 auto;
}
#selection .select .select-bg-container {
    left:50% /*Remove This*/
}
#selection .select .select-icon {
    position: absolute;/*Remove This*/
}
#selection .select .select-icon i {
    /* left: -25px;  Remove this line and Add Below lines  */
    left: 0;
    right: 0;
    margin: 0 auto;
}

答案 1 :(得分:0)

您可以尝试在css中设置overflow-x:hidden。它会工作

答案 2 :(得分:0)

您必须应用以下给定的css规则才能获得结果。

header {
max-width: 100% !important; 
overflow: hidden;
}

它会让你的网站看起来很漂亮,你的卷轴也会消失。