位置元素位于固定位置div的底部

时间:2014-06-05 19:52:33

标签: javascript html css css-position

我希望将div放在父position: fixed底部的div div中。唯一的条件是父div必须有position: fixed,如果页面垂直调整大小,元素应该隐藏。

我发现的唯一解决方案遵循我所做的JSFiddle:http://jsfiddle.net/WhnFc/

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

有没有其他解决方案或技巧可以解决这个问题或使用JS解决这个问题?

1 个答案:

答案 0 :(得分:2)

我无法发表评论,但我认为在调整大小时隐藏div的唯一方法是使用媒体查询

例如,如果浏览器窗口小于500px,则无法显示

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