Откуда img берёт ширину?

Question

[Maks Burkov]

При использовании абсолюта возникло не понимае того .. Откуда img берёт свою ширину ?

<!--START OF CONTENT-->
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <div class="jumbotron">
                    <img src="../images/background/lcoation.jpg">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2010.460680293227!2d34.78478447576259!3d32.064424344285605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sJohn+Bryce!5e0!3m2!1sru!2sil!4v1498391557573"
                            frameborder="0" style="border:0" allowfullscreen>
                    </iframe>
                </div>
            </div>
        </div>
    </div>
<!--END OF CONTENT-->

.jumbotron img {
    height: 450px;
    width: 100%;
    opacity: 0.6;
    position: absolute;
    transition: ease-in-out 2s;
}

Comments

[Ankhena]

width: 100%; - 100% ширины своего родителя. Родитель - ближайший элемент с position не static либо body.

Answer 1

[alvvi]

От элемента, относительно которого он позиционируется, то есть от ближайшего родителя со значением position, отличного от static.