当前位置：首页 → 问答吧 → IE中absolute出现问题，不能显示出来

IE中absolute出现问题，不能显示出来

时间：2011-08-07

来源：互联网

代码如下所示
HTML code


<html>
<head>
    <title>测试absolute</title>
    <style>
        body{
            margin:0px;
            padding:0px;
        }
        #main{
            margin:0px;
            padding:0px;
            width:600px;
            height:300px;
        }
        #user{
            margin-left:150px;
            padding:0px;
            width:450px;
            height:300px;
            background-color:red;
            text-align:center;
            float:left;
        }
        #banner{
            margin:0px;
            padding:0px;
            position: absolute; 
            left:0px;
            width:150px;
            height:300px;
            background-color:blue;
            text-align:center;
            flaot:left;
        }
        
    </style>
</head>
<body>
    <div id="main">
        <div id="user">
            <p>SomeThing</p>
        </div>
        <div id="banner">
            <p>AnyThing</p>
        </div>
    </div>
</body>
</html>

结果如下图，在chrome、firefox、opera中都显示正常

作者: hezechao1989 发布时间: 2011-08-07

HTML code

<html>
<head>
    <title>测试absolute</title>
    <style>
        body{
            margin:0px;
            padding:0px;
        }
        #main{
            margin:0px;
            padding:0px;
            width:600px;
            height:300px;
        }
        #user{
            margin-left:150px;
            padding:0px;
            width:450px;
            height:300px;
            background-color:red;
            text-align:center;
            float:right;
            position:absolute;
        }
        #banner{
            margin:0px;
            padding:0px;
            position: absolute; 
            left:0px;
            width:150px;
            height:300px;
            background-color:blue;
            text-align:center;
            flaot:left;
        }
        
    </style>
</head>
<body>
    <div id="main">
        <div id="user">
            <p>SomeThing</p>
        </div>
        <div id="banner">
            <p>AnyThing</p>
        </div>
    </div>
</body>
</html>

作者: MuBeiBei 发布时间: 2011-08-07

IE中absolute出现问题，不能显示出来

热门阅读

热门下载