Абсолютное позиционирование

@tgarl · Регистрация: 15.02.2012

Author24 — интернет-сервис помощи студентам

Подскажите почему так происходит
есть блок , задаю ему position relative
внутри блок:

CSS

    background: url(flover-r.png) no-repeat top center;
    width: 1174px;
    height: 550px;
    position: absolute;
    right: -1000px;
    top: 0;
    z-index: 1;
    margin-top: 375px;
    background-size: contain;
    display: block;

так вот этот блок сдвигаясь за границу основного создает прокрутку
разве должен блок заданный абсолютом создавать дополнительную ширину?

@Vlad03 · 03.03.2017, 10:28

У родителя overflow проверьте.

@tgarl · 03.03.2017, 10:57 **[ТС]**

у родителя нет оверфлоу

HTML5

1
2
3

<div class="zub_center" style="position: relative;z-index: 1;width: 1200px;  min-width: 1200px;  margin: 0 auto;">
    <div class="rabbitright"></div>
</div>

@Vlad03 · 03.03.2017, 10:59

Сообщение от tgarl

у родителя нет оверфлоу

В консоле браузера посмотрите, может где-то наследуется.

@mrtoxas · 03.03.2017, 11:03

Сообщение от tgarl

у родителя нет оверфлоу

Значит, сделайте, чтобы был

@tgarl · 03.03.2017, 11:11 **[ТС]**

мне он не нужен, потому как тогда обрежит блок полностью за пределами, а мне нужно чтобы по разрешению видно все было.
Вопрос больше заключается не в том чтобы обрезать, а в том почему блок заданный абсолютом добавляет ширину , не должно же быть такого
zub_center = 1200
rabbitright = 1174
итогом становится ширина 1200+1174

@mrtoxas · 03.03.2017, 11:35

Сообщение от tgarl

не должно же быть такого

Где об этом сказано?

Элемент с абсолютными позиционированием не виден для других элементов, но это не мешает браузеру его видеть. Вы, наверное, перепутали с position:fixed

@tgarl · 03.03.2017, 12:16 **[ТС]**

так я и не говорю что его браузер не видит, но почему считает его ширину и приплюсовывает к ширине родителя? это relative делает же, а absolute я всегда считал что этим и отличается - выпадает из подсчета размеров.
Кстати он действительно не учитывает если сместить не вправо, а в лево
заменить right -1000px на left -1000px и ширина остается 1200

@mrtoxas · 03.03.2017, 12:28

Элемент с абсолютным позиционированием, вынесенный за правый или нижний край области видимости, создает горизонтальный или вертикальный скролл. Если выносить его за левую или верхнюю границу, этого не случается.
Для избежания появления скролла, используем стиль overflow:hidden, overflow-x:hidden или overflow-y:hidden для родителя.

@tgarl · 03.03.2017, 15:31 **[ТС]**

Спасибо, да нашел тоже, просто обычно влево смещал за родителя или поверху позиционировал, а тут - подтянуть знания мне нужно

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	03.03.2017, 10:28	2
	У родителя overflow проверьте. 0

@Vlad03 112 / 108 / 42 Регистрация: 22.01.2017 Сообщений: 452
	03.03.2017, 10:59	4
	Сообщение от tgarl у родителя нет оверфлоу В консоле браузера посмотрите, может где-то наследуется. 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.03.2017, 11:03	5
	Сообщение от tgarl у родителя нет оверфлоу Значит, сделайте, чтобы был 0

@tgarl 451 / 417 / 115 Регистрация: 15.02.2012 Сообщений: 1,847
	03.03.2017, 11:11 [ТС]	6
	мне он не нужен, потому как тогда обрежит блок полностью за пределами, а мне нужно чтобы по разрешению видно все было. Вопрос больше заключается не в том чтобы обрезать, а в том почему блок заданный абсолютом добавляет ширину , не должно же быть такого zub_center = 1200 rabbitright = 1174 итогом становится ширина 1200+1174 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.03.2017, 11:35	7
	Сообщение от tgarl не должно же быть такого Где об этом сказано? Элемент с абсолютными позиционированием не виден для других элементов, но это не мешает браузеру его видеть. Вы, наверное, перепутали с `position:fixed` 0

@tgarl 451 / 417 / 115 Регистрация: 15.02.2012 Сообщений: 1,847
	03.03.2017, 12:16 [ТС]	8
	так я и не говорю что его браузер не видит, но почему считает его ширину и приплюсовывает к ширине родителя? это relative делает же, а absolute я всегда считал что этим и отличается - выпадает из подсчета размеров. Кстати он действительно не учитывает если сместить не вправо, а в лево заменить right -1000px на left -1000px и ширина остается 1200 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.03.2017, 12:28	9
	Сообщение было отмечено tgarl как решение Решение Элемент с абсолютным позиционированием, вынесенный за правый или нижний край области видимости, создает горизонтальный или вертикальный скролл. Если выносить его за левую или верхнюю границу, этого не случается. Для избежания появления скролла, используем стиль `overflow:hidden`, `overflow-x:hidden` или `overflow-y:hidden` для родителя. 1

@tgarl 451 / 417 / 115 Регистрация: 15.02.2012 Сообщений: 1,847
	03.03.2017, 15:31 [ТС]	10
	Спасибо, да нашел тоже, просто обычно влево смещал за родителя или поверху позиционировал, а тут - подтянуть знания мне нужно 0

Абсолютное позиционирование

Решение