Как изменить ширину на весь экран одной из статей при фиксированной ширине родительского элемента?

Question

[IJIL]

Имеется структура внутри сайта

<div class="row">
 <article></article>
 <article></article>
 <article></article>
 <article></article>
и т.д.
</div>

У row фиксированная ширина 940px.
Необходимо при написании статьи иметь возможность изменить ширину любой article на весь экран.
Внутри article возможно добавлять любые классы, стили и скрипты.
Пробовал с position: absolute решить проблему но ничего из этого не вышло.

Answer 1

[Vladimir T]

По хорошему нужно бы переделать верстку, так как ширина "детей" не должна быть больше ширины "родительского" блока.

Указать article ширину в px, а не в % См.: fiddle.jshell.net/33ddD

Comments

[IJIL]

У вас в примере один текст внутри article а другой нет и имеет фиксированную ширину а необходимо 100%. У меня каждая созданная статья в article.

Answer 2

[Юрий Лобанов]

jsfiddle.net/iiil/Y7cC4/2
но советую как и @Flicker изменить верстку.

Answer 3

[IJIL]

@iiil проблема в том что вы в article добавили класс я же не могу добавлять класс в article каждый раз когда мне это надо. Могу только внутри article

Answer 4

[Юрий Лобанов]

jsfiddle.net/iiil/Y7cC4/3
сделайте так тогда. Оборачивайте нужную статью в div class="full"

Comments

[Юрий Лобанов]

@IJIL ну куда пропали, вариант подходит?

Answer 5

[Игорь Доминатор]

прописать hover классу в нем width:100%; important!