IE7将元素默认为100%宽度

Kez*_*zer 0 html css internet-explorer-7

对于我正在处理的Web应用程序,我遇到了一个非常令人沮丧的问题(我最初并没有写它).它使用框架进行足够的布局.我遇到的问题是所有具有背景颜色和通过CSS设置边框的元素默认为100%宽度.我刚刚测试了div元素,段落元素等.

我完全删除了样式表,然后对其进行了测试,我遇到了同样的问题,因此不是导致问题的样式表.

我写了一个快速测试,以确保它不是冲突的代码,并使用与我们相同的doctype和xmlns - 我得到了同样的问题.这是示例代码.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    #test {
        border:1px solid #ccc;
        background-color:#ddd;
    }
</style>
</head>
<body>
    <div id="test">
        Test information!
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

Ric*_*ard 7

我认为这是HTML/CSS所必需的.块元素会扩展整个宽度,除非有什么东西可以阻止它们.

(FF具有相同的行为.)