gpt4 book ai didi

html - 无法将侧边栏设置为高度 : 100%

转载 作者:太空宇宙 更新时间:2023-11-04 01:50:53 25 4
gpt4 key购买 nike

我最近一直在学习 CSS,我想了解为什么我的边栏无法正确显示。

https://jsfiddle.net/bnu0Ljuo/1/

在我的代码中,我添加了

html, body, .container, .sidebar, .content {
height: 100%;
}

这使侧边栏扩展,但它带有一个额外的滚动条。没有理由有卷轴时就有卷轴。另外,如果我添加足够的文本来填充内容 div,我将看不到数据。看这里:

https://jsfiddle.net/bnu0Ljuo/5/

请注意如何无法向下滚动以查看“TEST CAN'T SEE TEXT”。这怎么样?

最佳答案

你想要这个? See this fiddle

我替换了选择器并将 min-height 添加到 html, body。我还删除了 .container 上的 overflow: hidden; 并将 height: 100vh; 添加到 .sidebar :

.container, .sidebar, .content {
height: 100%;
}

div#container {
width: 100%;
margin: 0 auto;
position: relative;
height: 100%;
}

html, body {
min-height: 100%;
}

.sidebar {
height: calc(100vh - 60px);
min-height: 100%;
top: 0;
}

关于html - 无法将侧边栏设置为高度 : 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43513196/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com