CSS 100% 高度，绝对定位 top 0 bottom 0答案

【问题标题】：CSS 100% height with absolute positioning top 0 bottom 0CSS 100% 高度，绝对定位 top 0 bottom 0
【发布时间】：2011-02-22 03:25:36
【问题描述】：

我最近发现一个网站使用绝对位置的 div，并且顶部、左侧、右侧和底部的值都设置为 0。这创建了一个 100% 高、100% 宽的 div。我现在也在使用它，想知道是否有任何理由不使用？

它工作得非常好，这是一个简单的解决方案，而我使用的另一种方式有一个我无法修复的错误。我使用它的应用程序应该只占用浏览器窗口，并且永远不需要更大。

【问题讨论】：

我认为position: absolute; 在移动设备上存在一些问题（当然是 iPhone，根据我自己的浏览体验）。但我不完全确定是否有任何反对它的真正理由。只要你妥善处理overflows。
看起来 Twitter Bootstrap 在轮播中使用了相同的技术，并将左右轮播控件的顶部和底部设置为 0。

标签： html css

【解决方案1】：

我现在也在使用它，并且是想知道是否有任何理由不去？

这种技术在现代浏览器中非常有效 - 没有理由不使用它。

（除非你关心一些非常老的浏览器（IE5/6？），don't support 设置 top 和 bottom 或 left 和 right 在同一个元素上）

Here's an answer我今天早些时候写的，它使用了类似的技术。

【讨论】：

【解决方案2】：

不，没关系。只需确保它不会在不同的浏览器上出现故障，具体取决于您在做什么。我可以推荐一个jsFiddle 并在BrowserLab 上测试它吗？

【讨论】：