Fatal编程技术网
  • javascript/
  • Javascript 将元素放置在固定位置div的底部

Javascript 将元素放置在固定位置div的底部

javascript html css

Javascript 将元素放置在固定位置div的底部,javascript,html,css,css-position,Javascript,Html,Css,Css Position,我希望在位置中定位div：固定在父div底部的div。唯一的条件是父div必须具有位置：fixed，并且如果页面垂直调整大小，元素应该隐藏 我发现的唯一解决方案如下所示： 但是，此解决方案的问题是，如果页面垂直调整大小，则位于底部的div将保持在页面底部，而不会隐藏 使用JS解决这个问题还有其他解决方案或技巧吗？我不能评论，但我认为在调整div大小时隐藏div的唯一方法是使用媒体查询 例如，如果浏览器窗口get小于500px，则不会显示 @media only screen and (min-w

我希望在
位置中定位
div
：固定在父
div
底部的
div。唯一的条件是父div必须具有
位置：fixed
，并且如果页面垂直调整大小，元素应该隐藏

我发现的唯一解决方案如下所示：

但是，此解决方案的问题是，如果页面垂直调整大小，则位于底部的
div
将保持在页面底部，而不会隐藏


使用JS解决这个问题还有其他解决方案或技巧吗？
我不能评论，但我认为在调整div大小时隐藏div的唯一方法是使用媒体查询

例如，如果浏览器窗口get小于500px，则不会显示


@media only screen and (min-width: 1px) and (max-width: 500px) {.bottom { display:none; }}



父元素是否应该隐藏？还是应该隐藏子div？为什么？我们需要知道你在寻找什么样的行为；当页面垂直调整大小时？短一倍？50像素更短？大小调整到足以覆盖div？因此，您需要知道的是，当垂直调整窗口大小时，如何隐藏元素？子div。将父div视为其内部有其他子元素，因此如果窗口调整大小，并且底部的子div
不会隐藏，它将浮动在其他子元素之上，这是不需要的功能。。