如何在 IE 8 中停靠 div？答案

【问题标题】：How can I dock a div in IE 8?如何在 IE 8 中停靠 div？
【发布时间】：2011-06-02 18:43:14
【问题描述】：

你们非常善良和聪明。考虑以下 HTML：

<html>
<body>
    <div id="Panel1" style="position: absolute; bottom: 0; right: 0; top: 0;
        width: 259; background-color: #00FF00">
        <input type="button" style="position: absolute;
            left: 161; top: 30; width: 75; height: 25" tabindex="3"/>        
    </div>
</body>
</html>

我在这里所做的是将 div 停靠在屏幕的右侧，使其从顶部延伸到底部。这在 Google Chrome 中完美运行，但在 IE8 中却不行。

我已将页面上传至http://losthobbit.net/temp/testdoc.html，以使您的生活更轻松。

知道如何在 IE 中使用它吗？

谢谢！

【问题讨论】：

invalid HTML 和 invalid CSS?
由于某种原因，直到有人指出我才注意到这条评论。

标签： html internet-explorer internet-explorer-8

【解决方案1】：

好吧，只需添加一个有效的文档类型，你就完成了；）

例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

【讨论】：

我试了一下...（见losthobbit.net/temp/doctype.html）...现在它根本不起作用。我做错了什么？
你的你是我的宠儿；）
@Lost Hobbit -- 添加strict doctype 后它根本不起作用的原因是HTML 和CSS 无效，而strict doctype 强制执行有效性。修复代码，这个 doctype 就可以工作了。请参阅@Quinten 的评论以获取验证它们的链接。或者，使用非严格的文档类型，例如 <!DOCTYPE html>。

【解决方案2】：

我一定是在我年老的时候失去了它......

我所要做的就是将高度设置为 100%。

【讨论】：