1

これが私のコードです。子要素を親の下部と中央に配置したい

一番下にありますが、中央に移動できません

私はもう試した

text-align:center ;

親のため

と

margin:0 auto ;

子供用だけどうまくいかない

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html><body>
<div style='background-color: yellow; width: 70%;
            height: 100px; position: relative; text-align:center'>
    Outer

    <div style='background-color: green;
                position: absolute; width: 80%; bottom: 0  ; margin-right:auto ; margin-left:auto ; padding:5px'>
                Inner

    </div>
</div>
</body>
</html>
4

1 に答える 1

1

これはあなたの質問に答えるかもしれません：パーセントベースのdivをセンタリングする

マージンにパーセンテージを使用します。

<div style='background-color: green;
            position: absolute; width: 80%; bottom: 0  ; margin-right:10%; margin-left: 10%; padding:5px'>

デモ: http://jsfiddle.net/DkNdx/

于 2013-05-18T13:19:19.523 に答える