javascript - 划分两个div,其中一个是动态的
问题描述
我有两个 DIV,上面的一个可以动态更改:
<body ng-app="app">
<div ng-controller="ctrl1" class="container" style="height: 80% overflow: auto;"><br>
<div class=".col-md-6 .col-md-offset-3"><input type="text" id="barra-ricerca" onkeyup="ricerca()" placeholder="Cerca" class="form-control"></div><br>
<div class="overflow-auto">
<ul id="elenco" type="none">
<li ng-repeat="bar in bars"><div class="d-flex"><div class="col-4" style="margin-top: 1%">{{bar.name}}</div><div class="col-4"><button ng-click="apriPagina(bar.id)" class="btn btn-primary">More Info</button></div></div><hr></li>
</ul>
</div>
</div>
<div class="text-center text-lg-start bg-light text-muted footer">
<center>
<br>
<p><i class="bi bi-person-fill"></i></i> Ligugnana Alessandro</p>
<p>
<i class="bi bi-mailbox"></i>
alessandro.ligugnana@gmail.com
</p>
<p><i class="bi bi-phone"></i></i> +39 331 276 1217</p>
</center>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
© 2021 Copyright
</div>
<!-- Copyright -->
</div>
</body>
有一个导航栏可以缩小搜索范围,然后缩小 div,这样页脚就会跳到屏幕的一半。
我尝试使用位置:固定或绝对,但第二个 div 覆盖了另一个 div。提前致谢
解决方案
推荐阅读
- c++ - Fstream 在写入尝试后关闭且没有错误
- android - RecyclerView:没有附加适配器跳过布局(TabbedActivity + Firestore)
- spring-cloud-sleuth - spring sleuth bag - 支持 sleuth 版本 #2
- java - 如何在 Java 中模拟 clock.millis()
- dynamic-programming - Coin Chane - 动态规划 - 如何从 DP 表中读取所有解决方案
- apache-kafka - Kafka - 基于时间戳消费消息
- c++ - 如何通过柯南和 CMake 查找 pkg-config 的 .pc 文件
- javascript - 使用 java 脚本对象(sql、express、react)的存储过程
- jquery - 按类名查找下一部分
- python - Python - 从 API 获取数据