0

センターボックスをに配置するために絶対divを使用しimgwrapますが、それが彼の親であっても、imgwrapボックスのスケールに従わない。センターボックスをimgwrapの中心にし、ユーザーのサイズ変更時に比例して拡大縮小するにはどうすればよいですか？それを行う正しい方法は何ですか？私は絶対が親に従うだろうと思った

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 -->
4

1 に答える 1

0

はい、その通りですが、エッジからの距離も指定する必要があります。追加

top: 25%;
left: 25%;
right: 25%;
bottom: 25%;

に#centerbox

また、高さを調整する必要があるかもしれません。このjsFiddleを参照してください

于 2012-12-09T11:51:31.193 に答える