Başka bir div alt kenarına yakın bir konumlandırma div

SORU

13 Mayıs 2009, ÇARŞAMBA

Başka bir div alt kenarına yakın bir konumlandırma div

Dış ve iç div div var. Dış alt kısmında iç div yere ihtiyacım var.

Dış div elastik (genişlik: örneğin p). Ben de merkezi iç engellemek gerekiyor.

Makyaj açıklanan basit model resmi aşağıda gösterilmiştir:

enter image description here

CEVAP

13 Mayıs 2009, ÇARŞAMBA

Test ve Firefox 3, 1, 6, 7 ve 8 IE Krom çalışma:

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

Canlı versiyonu burada: http://jsfiddle.net/RichieHindle/CresX/

Bunu Paylaş: