Заполнение блока "влево"

42

падаван

25 декабря 2013, 08:56

633

Возникла такая задача:

Есть абсолютно позиционированный блок, при заполнении текстом, как обычно, расширяется в правую сторону. Задача: сделать так, чтобы при заполнении, блок расширялся не в правую, а в левую сторону. Как нибудь возможно такое реализовать при помощи css?

42

Jor

25 декабря 2013, 09:05

#1

Вот так вот:

position: absolute;
top: Npx;
left: auto;
right: Npx;

1

42

падаван

25 декабря 2013, 10:49

#2

Jor, спасибо, почти, но, при таком раскладе блок отрывается от родительского. Вообще конструкция такая:

http://cssdeck.com/labs/eaoxvmrc

нужно, что бы "pre:before" при заполнении расширялся влево, не наезжая на контент, и при этом он должен всегда автоматически "приклеиваться" к родителю. вариант подстраивания по пикселам не совсем то что нужно.

42

Jor

25 декабря 2013, 11:32

#3

Пробуйте так:


pre {
	display: inline-block;
	color: #555;
	font: normal 14px "Courier New";
	position: relative;
}
	pre:before {
		content: "code";
		display: inline-block;
		color: #f7f7f7;
		font: normal 12px "Arial";
		background: #56bb45;
		position: absolute;
		top: 0;
		right: 102%; /* Отступ */
}

1

42

падаван

25 декабря 2013, 11:41

#4

Jor, вот это вроде как подходит, интересное решение. Большое Вам спасибо!

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Дзен реализовал для авторов возможность вывода денег через СПБ