全屏时，白色空间出现在浏览器窗口右侧 [英] White Space Appears Right of Browser Window When at Full Screen

问题描述

当浏览器窗口全屏时，浏览器窗口的右下角有一个巨大的白色空白矩形区域。有谁知道如何摆脱这种情况？

JSFiddle： http： //goo.gl/mTWfsj

解决方案

您在 .copyright2

  .copyright2 {
 
 position：relative;剩余
：17.5％; 
} 
 
 p {
 width：100％; 
} 
  

因此 .copyright2 宽度：100％，从左边开始：17.5％

要修复它，请删除 left：17.5％ from .copyright2

下面是一个最简单的例子： / p>

  .red {background：red; height：100px;}。blue {background：blue; height：50px;位置：相对; left：50px;}  

< div class =red > < div class =blue>< / div>< / div>

There is a giant rectangle of white space to the right and bottom of the browser window when it is at full screen. Does anybody know how to get rid of this?

JSFiddle: http://goo.gl/mTWfsj

解决方案

You have this style on .copyright2

.copyright2{

    position: relative;
    left: 17.5%;
}

p {
    width: 100%;
}

So .copyright2 has width: 100% and start at left: 17.5%

To fix it remove left: 17.5% from .copyright2

Here a minimal example to illustrate:

.red{
  background: red;  
  height: 100px;
}

.blue{
  background: blue;  
  height: 50px;
  position: relative;
  left: 50px;
}

<div class="red">
  <div class="blue"></div>
</div>

这篇关于全屏时，白色空间出现在浏览器窗口右侧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！