<html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
        <title>绝对定位相对定位</title>  
        <style>  
            .fj1  
            {  
                position: absolute;  
                width: 150px;  
                height: 150px;  
                border: 1px solid #000;  
                background: #999;  
            }  
            .zj1  
            {  
                position: relative;  
                width: 100px;  
                height: 100px;  
                border: 1px solid #F00;  
                background: #FFF;  
                z-index: 1;  
            }  
        </style>  
    </head>  
    <body>  
        <div>  
            <div class="fj1">  
                我在下面 上的发生大幅 上的发生大幅随碟附送的  
            </div>  
            <div class="zj1">  
                我浮动在上面</div>  
        </div>  
    </body>  
    </html>


 


你们的评论、反馈，及对你们有所用，是我整理材料和博文写作的最大的鼓励和唯一动力。欢迎讨论和关注！

没有整理与归纳的知识，一文不值！高度概括与梳理的知识，才是自己真正的知识与技能。 永远不要让自己的自由、好奇、充满创造力的想法被现实的框架所束缚，让创造力自由成长吧！ 多花时间，关心他（她）人，正如别人所关心你的。理想的腾飞与实现，没有别人的支持与帮助，是万万不能的。