gpt4 book ai didi

html - 如何在侧边栏 div 上设置 100% 高度?

转载 作者:太空宇宙 更新时间:2023-11-03 17:31:46 25 4
gpt4 key购买 nike

我正在尝试找出一种在 div 中显示侧边栏的方法,这样它将占用 100% 的可用高度。

代码可在此处获得。
HTML - http://pastebin.com/4nBe2KQS
CSS - http://pastebin.com/r63bREbb

我已经尝试了很多我发现的答案,比如删除 block 元素、设置 body 高度、将 de div 位置声明为相对位置、在侧边栏之后插入和清空 div 等等,但它们似乎都无法正常工作,我让它工作的唯一方法是通过绝对位置,但这样一来,网站的整个定位就会中断。

侧边栏被识别为div id='menuIzquierda',整个页面由不同的php文件组成,我不知道这是否会影响css渲染的执行。

如果有人能提供帮助,我将不胜感激,因为我被困在了这一点上。

编辑:还有另外两个 css 文件,但它们应该不会影响性能,因为一个只设置按钮样式,另一个取决于 url,并且定位不适用于任何 url。无论如何,我会在评论中发布它们

最佳答案

所以试试这个,看看它是否有效。我在我的电脑上试过了,效果很好。

menuIzquierda {

margin-top: 25px;
float: left;
background-color: #333333;
position: fixed;
width: 20%;
top: 0px;
bottom: 0;
left: 0;

因此 position: fixed 会将其锁定到位,然后是 top: 0, bottom: 0 和 left 0;将使它达到全高。

关于html - 如何在侧边栏 div 上设置 100% 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30414921/

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