前端的大佬们，这个div重叠怎么解决啊

问题:

<!-- html代码 -->
<div class="layui-fluid">
<div class="layui-container">
<form class="layui-form">
<div class="layui-form-item layui-col-space1">
<!--<div class="recruitnotice_details" id="recruitnotice_details" name="recruitnotice_details" style="width: 92%;height:380px;padding: 20px auto;margin:30px auto;">-->
<div class="recruitnotice_details" id="recruitnotice_details" name="recruitnotice_details" style="width: 92%;height:720px;padding: 20px auto;margin:30px auto;">

			</div>
		</div>
		
	</form>
</div>

</div>
<!-- 引入尾 -->
<div class="keshigonggaofooter" style="width:92%;height:150px;margin:30px auto;margin-top:175px;">
<script type="text/javascript" src="/news/js/footer.js"></script>
</div>
</div>

js渲染数据代码

最终效果：

回答1:

盒子模型了解一下https://www.cnblogs.com/pythonywy/p/11305228.html,两个div外面再套一个div

回答2:

如果前面可能存在浮动元素，就添加样式：clear:both
否则，建议用position:fixed置底，并为这个footer元素设置背景色