属性溢出不起作用（只在div中设置滚动）

Question

我试图在div中设置一个滚动条。我有我的网站，我试图在所有窗口中使用相同的高度。

页面“品牌”的部分需要更高的高度，但我不想在窗口中滚动，我只想在div中滚动。

我只想要紫色（或粉色）div中的滚动，我网站的其余部分必须是静态的。

我试图通过溢出来获得这个：在紫色div中自动并在其余部分中隐藏设置溢出。

这是我目前的CSS：

.marcas {
  background-color: gold; 
  height: 80vh;  
  font-family: 'Josefin Slab', serif;
  overflow: hidden; 
}

.title {
    height: 10%;
   /* background-color: ghostwhite; */
    background-color: palegreen;
    color: #1f1f1f;
    font-size: 2.5em;
    padding: 3%;
    padding-left: 10%;
    text-transform: uppercase; 
}

.brands-container {
   background-color: coral; 
   overflow: hidden; 
}

.brands-info {
    overflow: auto;  
    background-color: crimson; 
}

marcas：我的内容包装（黄色） 标题：“我们的品牌”文字（绿色） brands-container：带有品牌名称的div（橙色，鲑鱼......） brands-info：带有信息和幻灯片的div（粉红色）

我想也许我的div有一个不正确的属性或一个错误的包装......我不知道。

这是网站（但我还没有更新我的代码）：http://mad4sneakers.com/web/eng/brands.html

Answer 1

这应该有用（有点难以说，还取决于你的新代码的其余部分）：

.marcas {
    background-color: #F8F8FF;
    font-family: "Josefin Slab",serif;
    height: 80vh;
    overflow: hidden;
}
.brands-info {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}

（box-sizing: border-box与此部分情况无关，但如果您添加任何边距或填充以保持100％高度（相对于父元素），则需要它