gpt4 book ai didi

html - 我在 bootstrap html 中面临 100% 高度问题

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

我无法将左侧栏设置为 100% 高度。我已经尝试了所有可能的方法,这里我使用的是 bootstrap 列。请帮我解决这个问题。谢谢

<body>
<div class="container-fluid main-template">
<div class="row">
<div class="col-sm-3 col-md-2 left_side">left_side</div>
<div class="col-sm-9 col-md-10 right_side">right_side</div>
</div>
</div>
<footer class="main-footer">
</body>

我已经为 html、body、main-template、row、left_side 和 right_side 设置了 100% 的高度。还是不行。

html, body {
background-color:#ffffff;
min-height: 100%;
}

.main-template {
padding:0px;
height:100%;
}
.row {
height:100%;
}
.left_side, .right_side {
min-height:100%;
padding-right: 0px !important;
padding-left: 0px !important;
}

页脚 CSS:

.main-footer {
position:absolute;
bottom:0;
padding: 10px 20px 5px;
width:100%;
background-color:#33b3e3;
height:50px;
}

最佳答案

你应该为 bodyhtml 标签使用 position:relative

html, body {
background-color:#ffffff;
height: 100%;
position:relative;
}

例子: https://jsfiddle.net/16r781ys/

关于html - 我在 bootstrap html 中面临 100% 高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32515800/

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