定位的例子

abc219365

于 2021-08-03 18:01:57 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/abc219365/article/details/119355990

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           div{
               width: 310px;
               height: 190px;
               border: 1px solid #ccc;
               margin: 50px auto;
               padding: 10px;
               position: relative; /*根据子绝父相最合适*/
           }
           .topIcon{
               position: absolute;/*绝对定位不占位置*/
               top: 0; /*孩子加了绝对定位，如果父级没有定位，一游览器为准*/
           }
           .bottomIcon{
               position: absolute;
               right: 0;
               bottom: 0;
           }

       </style>
   </head>
   <body>
       <div>
           <img src="images/top_tu.gif" alt="" class="topIcon" >
           <img src="images/adv.jpg" alt="">
           <img src="images/br.gif" height="54" width"60" alt="" class="bottomIcon"

       </div>

   </body>
</html>