div绝对和相对定位

样式代码:

    <style type="text/css">
        #Content
        {
            position: relative;
        }
        #ren
        {
            position: absolute;
            left: 440px;
            top: 66px;
        }
        #shi
        {
            position: absolute;
            left: 125px;
            top: 260px;
        }
        #di
        {
            position: absolute;
            right: 424px;
            top: 330px;
        }
        #wu
        {
            position: absolute;
            right: 180px;
            top: 150px;
        }
    </style>

html代码:

  <div id="Content">
        <div id="ren">
            <img src="images/22_03.png"  />
        </div>
        <div id="shi">
            <img src="images/22_10.png"  />
        </div>
        <div id="di">
            <img src="images/22_14.png"  />
        </div>
        <div id="wu">
            <img src="images/22_06.png"  />
        </div>
    </div>

结果:

posted @ 2014-06-08 11:13  ybyi  阅读(297)  评论(0)    收藏  举报