用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

定位

2014-08-04 作者: jun举报

[css]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>定位</title>
<style type="text/css">
        div{
            border: 1px solid blue;
            width: 200px;
            height: 100px;
        }
        .f{
            position:absolute/*决定定位*/
            border: 4px solid black;
        }
        .one{
            width: 240px;
            height: 140px;
        }
        .two{
            background-color: green;
            position:absolute/*决定定位*/
            top:30px;
            left: 30px;
            z-index:3;
        }
        .three{
            background-color: yellow;
            position:absolute/*决定定位*/
            top:30px;
            z-index:2;
        }
        .div_1{
            position: absolute;
        }
        .text{
            position: absolute;
            top:30px;
            left:100px;
            width: auto;
            height: auto;
            border: none;
        }
    </style>
</head>
<body>
    <div class="f">
        <div class="one">
            DIV中的数据111
        </div>
        <div class="two">
            DIV中的数据222
        </div>
        <div class="three">
            DIV中的数据333
        </div>
         
         
        <div  class="div_1">
            <div class="img">
                <img alt="" src="img/1.jpg">
            </div>
            <div class="text">
                名字
            </div>
         
        </div>
    </div>
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...