时间戳

首页 > 解决方案 > 一个 div 接管另一个 div 空间

html - 一个 div 接管另一个 div 空间

问题描述

情况：所以我的网站分为几个部分，首先主体内的 div 只是一个主容器，然后在该主容器内有 3 个 div 元素，首先是标题，其次是正文或内容，第三是页脚。

问题：在某些浏览器上，或者更具体地说是在 Iphone 手机或 ios 上的任何浏览器上。我的页脚显示在 body div （内容部分）的中间顶部，但在任何其他 android 手机上它看起来都很好或在普通浏览器上..

截图：（ 正常）在任何安卓设备上：- 在任何安卓手机上截图

（问题）在任何 IOS 设备上：- 任何 ios 手机上的屏幕截图

shared.css 文件包含这些页面的所有 css：- https://github.com/11abuyaman/majed/blob/master/CODE/CSS/shared.css

有问题的页面的链接：- https://11abuyaman.github.io/majed/CODE/HTML/About%20us.html

更新：我只在#clouds_body 上使用 flex，这样我就可以将主体放在页眉和页脚之间，即使主体没有占用足够的空间，我也希望页脚卡在底部。

请帮助，在此先感谢。

标签： htmlcss

解决方案

这是一个 Safari 问题，您可以通过删除display: flex. #clouds_body如果您不flex-direction: row使用 flex ，那么无论如何使用 flex 是没有用的。

在 Mac Firefox 上观看页面时，我还删除了 flex，但没有任何改变。

编辑 根据我得到的评论。

更改height: 100%为. min-height: 100vh_#clouds_body

但是，这会引发 Safari 与您的页面有关的其他问题，但这超出了您最初的问题。

推荐阅读