Html 从网站边界向外窥视的背景

我想知道当屏幕最大化时，如何去除网站左侧和底部出现的红色背景。我想这是因为我试图在我的第四/最后一个名为“Find Us”的页面上覆盖图像，这些图像的总宽度超过1400px，这是我在页面上设置的最小宽度

一个解决方案可能是增加最小宽度，但我不认为这是一个好的设计选择，当许多计算机运行在如此高的分辨率。理想情况下，我想把最小宽度降低到1100px。当我尝试这样做时，页面底部的红色背景开始增加，因为它试图在更紧的区域挤压图像

我想知道我将如何摆脱红色的背景，这是偷看沿左和底部边界的网站，同时减少最小宽度为1100px

链接至网站：

CSS:

HTML:

<section id="findUs" class="page"> <!-- Last page -->
    <nav></nav>     
    <div class="pageContent">       
        <div id="man"><div id="contactInfo"><p class="infoHeading">Business Hours</p></div></div>       
        <div id="frame"><div id="googleMapCanvas"></div></div>
        <div id="tassel"></div>    
        <div id="feedbackForm"></div>           
    </div>      
    <div id="cover" class="hidden"></div>       
</section>  

营业时间

您需要红色车身背景吗？如果没有：

body { background: transparent; min-width: 1400px; } 身体{ 背景：透明； 最小宽度：1400px； }

---

你需要红色的身体背景吗？如果没有：

body { background: transparent; min-width: 1400px; } 身体{ 背景：透明； 最小宽度：1400px； }

---

@我向你道歉。我刚刚包含了相关的代码。您是否尝试过：

html，body{margin:0px；padding:0px；}

？我看到的一个“一般”问题是，您使用的是

px

值，而不是可伸缩的值，例如

%

。您也可以尝试使用一些

overflow:hidden

CSS来查看是否有帮助。我只是尝试了

html，body{margin:0px；padding:0px；}

，但没有成功。我还应用了CSS重置样式指南。使用

%

有何帮助？我似乎无法复制问题….（在chrome中）您在哪里看到问题？（旁注..这种滚动效果叫什么/你是怎么做到的？）我在Chrome、Safari、IE和Firefox中看到了这个问题。问题位于整个页面的右侧（红色间隙的1倍）和最后一页的底部（红色间隙的10倍）——@AlexW我表示歉意。我刚刚包含了相关的代码。您是否尝试过：

html，body{margin:0px；padding:0px；}

？我看到的一个“一般”问题是，您使用的是

px

值，而不是可伸缩的值，例如

%

。您也可以尝试使用一些

overflow:hidden

CSS来查看是否有帮助。我只是尝试了

html，body{margin:0px；padding:0px；}

，但没有成功。我还应用了CSS重置样式指南。使用

%

有何帮助？我似乎无法复制问题….（在chrome中）您在哪里看到问题？（旁注..这种滚动效果叫什么/你是怎么做到的？）我在Chrome、Safari、IE和Firefox中看到了这个问题。问题位于整个页面的右侧（红色间隙的1倍）和最后一页的底部（红色间隙的10倍）。不，我不需要背景是红色的，因为最初背景是黑色的，这就是为什么我没有首先注意到我的问题。我的问题是，我不希望在将

min width:1400px

缩小到

min width:1100px

的同时，背景的任何一点都被偷看出来。不，我不需要背景是红色的，因为最初背景是黑色的，这就是为什么我没有注意到我的问题的原因。我的问题是，在将

最小宽度：1400px

减小到

最小宽度：1100px

时，我不想看到任何背景。