Как игнорировать размеры родителя?

Question

[Shuboanator]

Есть блок 1, в нем блок 2, а в нем картинка.
у блока2 position:absolute;
Как сделать, что бы картинка воспринимала за 100% размер блока 1, а не блока 2

Answer 1

[Untit1ed]

var width = parentA.offsetWidth;  
var height = parentA.offsetHeight;

Answer 2

[Alexander Staroverov]

По моему мнению, такое построение верстки не является логичным правильным. стоит вынести картинку из блока2, что бы она с легкостью, без лишних выкрутасов могла принять размеры блока1

Answer 3

[IceJOKER]

так вам нужно , чтоб игнорировался размер родителя или наоборот?
если игнорировать:

.class{
  position: absolute;
  left: 0;
  right: 0;
}

если, нужно чтоб блок2 учитывал размеры родителя, то устанавливаем родителю position: relative;

Comments

[Shuboanator]

мне нужно, что бы картинка внутри блока2 игнорировала размеры блока2, а отталкивалась от размера блока1

[Виталий Киренков]

Shuboanator: и предложенный вариант не работает по каким то причинам?

[Shuboanator]

Виталий Киренков: да. если картинке добавить свойство position: absolute; то она будет продолжать размеры блока 2 за 100%, потому что у блока 2 тоже position: absolute;

[Виталий Киренков]

Shuboanator: а зачем вы ей ставите абсолют?

Answer 4

[Андрей Б.]

Не совсем понятно чего в итоге вы хотите, судя по комментариям. Вот так?

Comments

[Shuboanator]

Мне надо как jsfiddle.net/p3g6pqxv/1 тут. Но только, что бы за 100% картинка принимала не размеры ".box " а размеры ".block"

[Андрей Б.]

А размеры и absolute для .box должны быть указанны обязательно? Если да, то никак.

[Shuboanator]

Андрей Б.: в том и фишка, что должны быть) никак с CSS, но на помощь приходит JS

[Андрей Б.]

ну да, я про CSS и говорю, с JS вам уже подсказали.