BinaryDevelop
  1. ホーム
  2. html

[解決済み] div を他の div の下側に配置する

2022-12-20 11:17:36

質問

外側のdivと内側のdivを持っています。私は外側のものの下に内側のdivを配置する必要があります。

outer divは伸縮性があります（例：width: 70%）。また、inner blockを中央に配置する必要があります。

下図に簡単なメイクアップのモデルを示します。

どのように解決するのですか？

Firefox 3、Chrome 1、IE 6、7、8でテストし、動作しています。 

<!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;'>
    Outer
    <div style='background-color: green;
                position: absolute; left: 0; width: 100%; bottom: 0;'>
        <div style='background-color: magenta; width: 100px;
                    height: 30px; margin: 0 auto; text-align: center'>
            Inner
        </div>
    </div>
</div>
</body>
</html>

ライブバージョンはこちら。 http://jsfiddle.net/RichieHindle/CresX/

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します