Question

我有滑块面板，我正在做什么，当我的滑块打开然后它覆盖所有高度，但不能这样，当我去隐藏身体覆盖时，高度是固定的，全部内容是没有显示，http://polestarllp.com/polestarnew/our-core-values/

body{
      background-color:#FFF;
      height:100%;
     width:100%;
     margin:0;
      color:#ccc;
      font-size:3em;
      line-height:100px;
      text-align:center;
     overflow:hidden;
    }
    .slidernav{
      background:#000;
      position:absolute;
      width: 100%;
      height:100%;
      top: 0;
      right:-100%;
      z-index:9999999999999999999999;
      overflow:hidden;
    }

HTML

<html>
<body>
<div class="slidernav"><div>
</html>
</body>

Answer 1

而不是overflow:hidden;使用overflow-x:hidden;

Answer 2

一段时间使用overflow: hidden创建问题，因此以下是最佳解决方案

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

<html>
<body>
<div class="slidernav clearfix">
  
<div>

</body>
</html>

Div高度问题，Div高度不覆盖整个身体

2 个答案: