Кручу-верчу, спозиционировать хочу

[Bassline]

Есть такой код http://jsfiddle.net/s7EmS/2/

 

Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы?

 

Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.

[Zverushka]

Родительскому блоку задается overflow. при сужении страницы нет прокрутки и блок обрезается, а при расширении - он появляется.

Мне вот интересует такая ситуация - можно ли избежать подобного эффекта? http://jsfiddle.net/hTv9j/1/

Блок на всю ширину текущей страницы, но однако - он заполняет лишь ширину экрана, а выступающий текст оказывается на белом фоне. Можно ли сделать так, чтобы фон распространялся на вышедший за пределы текст? 

[Bassline]

Родительскому блоку задается overflow. при сужении страницы нет прокрутки и блок обрезается, а при расширении - он появляется.

 

В смысле overflow:hidden? Так ведь у родителя фиксированная ширина, блок исчезнет совсем, хоть расширяй, хоть нет.

[Zverushka]

Вот так http://jsfiddle.net/s7EmS/6/

Нужна дополнительная обертка с минимальной шириной и ovh

[Bassline]

Мне вот интересует такая ситуация - можно ли избежать подобного эффекта?

 

Можно задать float:left или position:absolute, или display:inline-block.

[Zverushka]

Хорошо. у нас обычно есть обертка. Пусть тогда тег p находится внутри некой обертки. Я задам ему флоат http://jsfiddle.net/hTv9j/5/  и опять та же проблема

[swandev]

Есть такой код http://jsfiddle.net/s7EmS/2/

 

Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы?

 

Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.

 

Задай overflow:hidden другому родителю ( например body) у которого ширина 100%

[Zverushka]

Боди как раз нельзя. 

http://jsfiddle.net/s7EmS/10/

И минимальная ширина на боди не работает и по высоте обрезает контент тогда.

[Switch74]

2Bassline

1. Цель того, что вы блок перемещаете за пределы родителя?

если нужно, чтобы он отображался рядом с ним, то нужно рассчитать так, чтобы он был всегда на видимой части страницы

для указания границ страницы обычно используют враппер - блок, который вложен в body

у вас данным блоком является block, т.е. box находится за пределами видимой части страницы - это не правильно

2. Если вы хотите скрыть box то вам нужно для block указать overflow:hidden;

 

2Zverushka

1. если нужно, чтобы не появлялось нижнего бегунка - убрать white-space: nowrap;

2. если нужно, чтобы весь текст отображался в одну строку на зеленом фоне - добавить display:inline-block;

[swandev]

 

2. если нужно, чтобы весь текст отображался в одну строку на зеленом фоне - добавить display:inline-block;

Разве такое возможно?

[Switch74]

 

2. если нужно, чтобы весь текст отображался в одну строку на зеленом фоне - добавить display:inline-block;

Разве такое возможно?

 

 

Мне почему-то кажется, что подобное имеет место быть

http://jsfiddle.net/hTv9j/6/