Question

我有一个网页.blocks 1000px身高<body> 2000px overflow:hidden我正在使用.blocks到1000px工作正常，但空白的身体显示后，我希望网页高度应该是<div class="blocks"> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> <div class="block"> </div> </div>之后，它将隐藏内容。

这是我的代码：

HTML

body{
  height: 2000px;
}
.blocks{
  height:1000px;
  overflow:hidden;
}
.block{
  background: #000;
  height: 100px;
  width: 100%;
  margin-bottom: 10px;
}

CSS

ar

以下是问题的解答：https://jsfiddle.net/0b6g6886/2/

Answer 1

试试这个：

＆＃13;

body{
  height: auto;
}

＆＃13;

如果体高大于div，如何隐藏主div高度后的体内容

1 个答案: