[英]How to scale proportionally to the parent?
I use an absolute div to put my centerbox into the imgwrap
, but it don't follow the scale of my imgwrap box , even it is his parent. 我使用绝对div将中心
imgwrap
放入imgwrap
,但是它不遵循imgwrap框的大小,即使它是他的父母。 How could I make the center box be center of the imgwrap and scale proportionally when user resize? 当用户调整大小时,如何使中心框成为imgwrap的中心并按比例缩放? What's the correct way to do that?
正确的方法是什么? I thought absolute would follow the parent
我以为绝对会跟随父母
http://jsfiddle.net/gpqAx/ http://jsfiddle.net/gpqAx/
<div id='imgwrap'>
<img src='http://www.papercut.com/images/layout/banner-background-home-tree.png'>
<div id='myabsolute'>
<div id='centerbox'>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div> <!-- imgwrap -->
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.