个人中心
gpt4 book ai didi

html - 使 bootstrap 列触及 div 的底部

转载 作者：搜寻专家 更新时间：2023-10-31 08:54:14 26 4
gpt4 key购买 nike

我不知道该怎么做，基本上我希望当所述 div 的 min-height 为 100% 时，列从 div 的顶部接触到 div 的底部。但这不起作用:

html, body {
  height: 100%;
}

body {
  max-width: 1500px;
  margin: 0 auto;
}

#wrapper {
  min-height: 100%;
  overflow: auto;
}

.container {
  min-height: 100%;
  overflow: auto;
}

.container .row .col-md-6 {
  min-height: 100%;
}

包装器延伸到页面底部，但容器 div 没有。它只延伸到 in 包含的内容的末尾。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title of the document</title>
</head>

<body>
    <div id="wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-6"></div>
                <div class="col-md-6"></div>
            </div>
        </div> 
    </div>
</body>
</html>

有什么我想念的吗？正文和 html 100%，包装器 100%，然后容器没有 100%...为什么？

最佳答案

你错过了一个。你应该使用 height 而不是 min-height

( Demo )

.row {
    height: 100%;
}

关于html - 使 bootstrap 列触及 div 的底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30469177/

26 4 0
文章推荐： javascript - 如何关闭其他子菜单并在菜单中搜索？
文章推荐： javascript - 在没有某些 div 的情况下淡入背景
文章推荐： javascript - 为什么 css transition 会延迟工作
文章推荐： javascript - 如何清除 select - html 标签下的选项值
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com