当页面调整为较小的宽度时,网站在页面右侧和页眉上有巨大的空白

时间:2013-11-28 17:17:05

标签: html css whitespace removing-whitespace

我在stackoverflow中尝试了很多解决方案,但我无法解决这个问题..这是一个wordpress网站。 http://www.delice-ikbal.com/

我试图从<html><body>删除任何边距或填充。它没有帮助。

我也尝试过类似的事情:

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

overflow-x: hidden当然不允许水平滚动..因此当页面宽度变小时,内容不可见

所以我想删除页面标题和页面右侧的空白区域。

谢谢。

2 个答案:

答案 0 :(得分:0)

使用此css

.site-header {
    background-image: none;
    background-color: rgb(36, 17, 0);
    min-width: 1000px;
}

答案 1 :(得分:0)

px中有很多带有硬编码宽度的容器。

删除.main-navigation中的max-width:1080px,它是导致问题的容器。

编辑:并在div.nav-menu&gt; UL

ul.nav-menu, div.nav-menu > ul {
   margin: 0;
   padding: 0 40px 0 0;
}