0 / 0 / 1
Регистрация: 10.08.2014
Сообщений: 60
1

Overflow: hidden и position: relative

08.09.2014, 20:49. Показов 4047. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Всем привет. Кто-то может мне объяснить проблему overflow: hidder и position: relative. Я делаю слайдер и когда я к родительскому элементу добавляю overflow: hidden дочерний элемент исчезает. Он не уходит куда-то, а именно становиться невидимым. Хотя невидимым должно быть то ,что выходит за рамки, а не все как у меня произошло.
0
08.09.2014, 20:49
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
08.09.2014, 20:49
Ответы с готовыми решениями:

Position:relative и overflow:hidden сдвигают кнопку с нужного места
Применяю к кнопкам ripple эффект, всё ок, но кнопки сдвигаются с нужных позиций. Код http://codepen.io/anon/pen/ZGyNdN Без overflow:hidden...

Блоки relative и position внутри блока с position: relative
Всем привет! Я новичок, верстаю свой первый сайт (http://cosmetolog.cu.cc/). У меня возник вопрос касательно слайдера. Есть...

В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative
В каком случае рекомендуется использовать :margin,padding,float,position:absolute,position:relative. В каких случаях при верстке нужно...

3
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
08.09.2014, 21:01 2
задай дочернему блоку размеры явно и не будет пропадать.
0
0 / 0 / 1
Регистрация: 10.08.2014
Сообщений: 60
08.09.2014, 21:23  [ТС] 3
не помогает.

Вот код

CSS
1
2
3
4
5
6
7
8
9
10
11
#slider {
    position: relative;
    width: 864px;
    margin: 0 auto;
    overflow: hidden;
}
 
#slider>div {
    position: absolute;
    width: 864px;
}
HTML5
1
2
3
4
5
6
<div id="slider">
                <div><img src="images/primer.jpg"></div>
                <div><img src="images/primer.jpg"></div>
                <div><img src="images/primer.jpg"></div>
                <div><img src="images/primer.jpg"></div>
</div>
есть еще 2 кнопки но они не относятся к этому коду.

Добавлено через 5 минут
решил проблему указав #slider высоту.
0
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
08.09.2014, 21:28 4
Вы не указали ранее, что блок с абсолютным позиционированием. уберите или измените.
0
08.09.2014, 21:28
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.09.2014, 21:28
Помогаю со студенческими работами здесь

Как связать блоки position: absolute; и position: relative; ?
Имеется слайдер position: absolute;. Картинка слайдера уменьшается пропорционально при уменьшении ширины экрана width: 100%;. Как...

Не могу разобраться с position-relative и position-absolute
Дано: в блоке со свойствами position-relative помещен блок со свойствами position-absolute. Вопрос: почему атрибуты top и bottom работают...

position: relative; в IE
есть меню состоящие из div`ов cо свойством display:none при наведении на некую область ява меняет display: none; на display: block; и div с...

Div и position: relative
Ребята, помогите разобраться новичку. &lt;div id=&quot;header_logo&quot;&gt; &lt;a class=&quot;logo&quot;...

IE8 border position:relative
IE8 не желает рисовать бордюр: .menuG{border:3px solid red; position:relative; z-index:2;} Если убрать position:relative;,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему

Редактор формул (кликните на картинку в правом углу, чтобы закрыть)
Опции темы

Новые блоги и статьи
Ошибка "Cleartext HTTP traffic not permitted" в Android
hw_wired 13.02.2025
При разработке Android-приложений можно столнуться с неприятной ошибкой "Cleartext HTTP traffic not permitted", которая может серьезно затруднить отладку и тестирование. Эта проблема особенно. . .
Изменение версии по умолчанию в NVM
hw_wired 13.02.2025
Node Version Manager, или коротко NVM - незаменимый инструмент для разработчиков, использующих Node. js. Многие сталкивались с ситуацией, когда разные проекты требуют различных версий Node. js,. . .
Переименование коммита в Git (локального и удаленного)
hw_wired 13.02.2025
Git как система контроля версий предоставляет разработчикам множество средств для управления этой историей, и одним из таких важных средств является возможность изменения сообщений коммитов. Но зачем. . .
Отличия Promise и Observable в Angular
hw_wired 13.02.2025
В веб-разработки асинхронные операции стали неотъемлимой частью почти каждого приложения. Ведь согласитесь, было бы странно, если бы при каждом запросе к серверу или при обработке больших объемов. . .
Сравнение NPM, Gulp, Webpack, Bower, Grunt и Browserify
hw_wired 13.02.2025
В современной веб-разработке существует множество средств сборки и управления зависимостями проектов, каждое из которых решает определенные задачи и имеет свои особенности. Когда я начинаю новый. . .
Отличия AddTransient, AddScoped и AddSingleton в ASP.Net Core DI
hw_wired 13.02.2025
В современной разработке веб-приложений на платформе ASP. NET Core правильное управление зависимостями играет ключевую роль в создании надежного и производительного кода. Фреймворк предоставляет три. . .
Отличия между venv, pyenv, pyvenv, virtualenv, pipenv, conda, virtualenvwrapp­­er, poetry и другими в Python
hw_wired 13.02.2025
В Python существует множество средств для управления зависимостями и виртуальными окружениями, что порой вызывает замешательство даже у опытных разработчиков. Каждый инструмент создавался для решения. . .
Навигация с помощью React Router
hw_wired 13.02.2025
React Router - это наиболее распространенное средство для создания навигации в React-приложениях, без которого сложно представить современную веб-разработку. Когда мы разрабатываем сложное. . .
Ошибка "error:0308010C­­:dig­ital envelope routines::unsup­­ported"
hw_wired 13.02.2025
Если вы сталкиваетесь с ошибкой "error:0308010C:digital envelope routines::unsupported" при разработке Node. js приложений, то наверняка уже успели поломать голову над её решением. Эта коварная ошибка. . .
Подключение к контейнеру Docker и работа с его содержимым
hw_wired 13.02.2025
В мире современной разработки контейнеры Docker изменили подход к созданию, развертыванию и масштабированию приложений. Эта технология позволяет упаковать приложение со всеми его зависимостями в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru