Question

我有以下div：

<div id="container"></div>
<img id="myimg" src="myimage.jpg" />

我需要将图像放在容器顶部和左侧的绝对位置，但是我的图像不能放在容器内：

img
{
  position: relative;
  top: 10px;
  left: 15px;
}

如何修改图像css来实现这个目标？

Answer 1

将你不能控制的div包裹在你所做的div中。给你控制位置的div：相对和图像位置：绝对。你不能控制的内部div将强制你所做的那个的高度/宽度。

<div id="containerYouControl">
     <div id="container">
     </div>
     <img id="myimg" src="myimage.jpg" />
</div>

Answer 2

回答JQuery：

 <script type="text/javascript">

  $(document).ready(function() { 

  var html ='<div id="animaBorder" style="left: 250px; top: 20px;"><img src="myimage.jpg" /></div>';

  $("#container").append(html );

  });

 </script>

将绝对位置设置为非父容器

2 个答案: