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

Question

我正在尝试在 div 中设置卷轴。我有我的网站，我正在努力使它在所有 windows 中具有相同的高度。

页面 "brands" 的部分需要更高的高度，但我不希望在 window 中滚动，我只想在 div 中滚动。

我只想要紫色（或粉红色）的卷轴 div 我网站的其余部分必须是静态的。

我正在尝试通过 overflow: auto 来实现这一点 div 并设置 overflow 隐藏在其余部分。

这是我现在的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:我的内容包装（黄色）标题："Our Brands" 文本（绿色） 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% 高度（相对于父元素），您将需要它

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

Property overflow doesn´t work (set scroll just in a div)

html

css

overflow

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

Property overflow doesn´t work (set scroll just in a div)

html

css

overflow

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