VW元素溢出

为什么2个div互相溢出？我已经平分了两个视窗宽度的div。 50％的宽度的 insted的，如果我给49％，那么代码工作正常VW元素溢出

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <style> 
     *{ 
      margin: 0; 
      padding: 0; 
      border: 0; 
     } 
     .fity{ 
      width: 50vw; 
      height: 100vh; 
      float: left;   

     } 
    </style> 
</head> 
<body> 

<div class="fity" style="background:red;"></div> 
<div class="fity" style="background:blue;"></div> 
</body> 
</html>

来源

2015-04-22 user2952267

？ – ingalion

工作良好的百分比。 – user2952267

这是因为垂直滚动条。

MDN Information

视口百分比长度限定的长度相对于视口的大小，即该文件的可见部分。只有基于壁虎的浏览器动态更新视口值，当视口的大小被修改时（通过修改桌面计算机上的窗口大小或通过在手机上打开设备或平板电脑），。

在具有溢出结合：由最终滚动条采取汽车，空间没有视口中减去，而在溢出的情况下：滚动，这是。 [我的重点]

如果添加overflow:hidden的身体它被固定。 -

JSFiddle Demo

如果你改变`vw`为``％仍用同样的问题

来源

2015-04-22 11:33:57

我的页面非常长。添加隐藏后无法滚动 – user2952267

回答

相关问题