Css IE6:绝对定位元素';s宽度:100%拉伸到仅它';s的父母';s未定位的宽度

Css IE6:绝对定位元素';s宽度:100%拉伸到仅它';s的父母';s未定位的宽度,css,position,internet-explorer-6,css-position,percentage,Css,Position,Internet Explorer 6,Css Position,Percentage,对不起我的英语。 这个问题可能太简单了,但我在搜索结果中找不到答案:( 我想把沙发伸展到满窗,在另一个小沙发上。 它在除IE6之外的所有现代浏览器中都运行良好。 我通常不支持IE6,但我的客户要求。 代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

对不起我的英语。 这个问题可能太简单了,但我在搜索结果中找不到答案:( 我想把沙发伸展到满窗,在另一个小沙发上。 它在除IE6之外的所有现代浏览器中都运行良好。 我通常不支持IE6,但我的客户要求。 代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko" >
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <style type="text/css">
        #outter {
            height: 200px;
            width: 200px;
            background: #00f;
            margin:0 auto;
        }
        #inner {
            background: #f00;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 20px;
            left: 100px;
        }
        </style>
    </head>

    <body>
        <div id="outter">
            <div id="inner">
            </div>
        </div>
    </body>
</html>

#外人{
高度:200px;
宽度:200px;
背景:#00f;
保证金:0自动;
}
#内在的{
背景:#f00;
位置:绝对位置;
宽度:100%;
身高:100%;
顶部:20px;
左:100px;
}

尝试添加
主体{宽度:100%;高度:100%}
并查看一下。它可能会对您有所帮助-