gpt4 book ai didi

html - css - 如果浏览器对齐 div 以占据全高

转载 作者:太空宇宙 更新时间:2023-11-03 20:05:13 24 4
gpt4 key购买 nike

我正在寻找实现下图的效果。我不太确定如何让 css 为以下结构工作。我应该制作 DIV2 absolute 吗?我希望 navdiv1div2 占据浏览器的整个高度。

enter image description here

我的 HTML 框架如下。

<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
</a>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div>
DIV 1
</div>
<div>
DIV 2
</div>
</div>
</div>
</div>
</body>

最佳答案

设置<html><body>拥有 100% height , 然后设置 heightdiv 上不管你希望它们有多大(比如 80%),以及 div 的容器。秒。百分比高度基于元素的父元素。

关于html - css - 如果浏览器对齐 div 以占据全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52427366/

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