Jump to content
  • 0

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


Bassline
 Share

Question

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

 

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

 

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

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

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

 

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

Link to comment
Share on other sites

  • 0

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

 

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

 

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

 

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

Link to comment
Share on other sites

  • 0

2Bassline

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

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

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

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

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

 

2Zverushka

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

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

Link to comment
Share on other sites

  • 0

 

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

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

 

 

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

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

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy