1

次のような HTML コードがあります。

<div class="home">
    <img id="back" src="" />
    <div class="menu">
        <ul>
            <li><a href="#">link1</a></li>
            <li><a href="#">link2</a></li>
            <li><a href="#">link3</a></li>
            <li><a href="#">link4</a></li>
            <li><a href="#">link5</a></li>
        </ul>
    </div>
    <div id="data" class="data">
       a few data that will change for every page, in fact content of each link will comes here by ajax.
    </div>
</div>

ここにあるものはすべて、幅と高さのピクセル単位の絶対サイズを持っています。今、この div の全体を 90% 最小化したいので、それらの位置は変更されません。実際、コード全体を別の div に入れて、実際のサイズより少し小さくすることを好みます。

どうしてそれが可能でしょうか？私はCSSの方が好きですが、jqueryもOKです。

4

3 に答える 3

0

このようなものだと思います

<script>
function resize() {
   $("div#data").height(10*$("div#data").height()/100);
}
</script>
于 2013-05-30T14:56:14.767 に答える