图片可以怎么在div框架定位？( margin)?

Question

图片可以怎么在div框架定位？( margin)

Answer 1

1. 既然是定位，那么得用position；

   
   

2. 如下图左边原图，定位后右图。

   

   1

3. <style>

   img{

   display:block;             /*图片是行内元素，所以display：block ;设置成块元素/

   position:absolute;        /*图片设置绝对定位，DIV设置相对定位*/

   top:200px;                  /*这样图片会根据父层DIV移动位置。*/

   left:200px;

   }

   div{

   width:500px;

   height:500px;

   background:#FFC;

   position:relative;        /*DIV设置相对定位，图片设置绝对定位 */

   }

   </style>

4. 1

   <div>

   1	<img src="images/on.png"/>

   1

   </div>