Странное положение вложенных элементов

@sMockingbird · Регистрация: 06.05.2013

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

Добрый день.
Возникла проблема, имеется такой код

HTML5
1
2
3
4
5
6
7
8
9
<div class="item">
......
<div class="analogitem">
     <ul>
     <li></li>
     <li></li>
     </ul>
</div>
</div>

проблема в том, что мне нужно, чтоб блок analogitem со списком отображался за пределами родительского элемента и я задал ему такой стиль

CSS
1
2
3
4
5
6
7
8
9
.analogitems{
    position:relative;
    height:334px;
    width:45px;
    left:187px;
    border:1px solid #05b0cc;
    border-left:none;
    background:white;
}

всё было норм, пока список заполнять не стал. список постоянно уезжает вниз. (у меня картинки в списке, на скриншоте виден край верхней картинки). если же задать ширину analogitems порядка 250px то список выводится норм. на скриншоте красным отмечены границы analogitem, а зелёным - мой список

@and_y87 · 10.09.2013, 16:49

Глянь на сайте http://www.wildberries.ru/catalog/850/women.aspx может ты это имеешь ввиду...

@sMockingbird · 10.09.2013, 16:50 **[ТС]**

and_y87,
Да я у них смотрел уже

я до этого реализовывал это уже, просто проблемы возникли и приходится переделывать, не могу понять где накосячил

@and_y87 · 10.09.2013, 16:55

sMockingbird, SCV используете? откати назад где нет косяков и всё и заново делай =)

@sMockingbird · 10.09.2013, 17:04 **[ТС]**

and_y87, были причины откатиться до того момента, когда ещё ничего не было сделано)

Добавлено через 5 минут
Просто, блин, вообще не понимаю причин.
почему вложенные элементы вдруг выпадают за пределы родителя.0_о

@and_y87 · 10.09.2013, 17:05

sMockingbird, где нить можно страницу увидить с проблемой?

@sMockingbird · 10.09.2013, 17:08 **[ТС]**

and_y87, не, сайт на локалке пока только, всё содержимое с БД само собой, так что вынести норм не получится.
Ладно, буду думать, где то что то не заметил просто)

@Lovrentiy · 12.09.2013, 13:21

разве может дочерний элемент выйти за границы родителя?

@sMockingbird · 12.09.2013, 13:37 **[ТС]**

Lovrentiy, Невозможное возможно)

а вообще да, если position:relative, к примеру задать

@and_y87 · 12.09.2013, 15:18

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

разве может дочерний элемент выйти за границы родителя?

может без проблем...
но всё зависит от окружения... и заданных параметров в CSS

@Lovrentiy · 13.09.2013, 07:45

Это очень радует!
Поделитесь ссылкой на почитать за это дело, если есть. Заранее спасибо. А то по макету голову сломал как реализовать....

@sMockingbird · 13.09.2013, 09:02 **[ТС]**

Lovrentiy, а что именно Вам надо?
position: гуглите)

@Lovrentiy · 14.09.2013, 17:43

мне надо информацию, где дочерний элемент может выходить за родительский не растягивая его.

@sMockingbird · 14.09.2013, 18:41 **[ТС]**

Lovrentiy, задайте вложенному элементу позитион:релатив и, к примеру, топ:-50пх, лефт:-100пх, посмотрите.
Извините, с языками что то случилось(

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	10.09.2013, 16:49
	Глянь на сайте http://www.wildberries.ru/catalog/850/women.aspx может ты это имеешь ввиду... 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.09.2013, 16:50 [ТС]
	and_y87, Да я у них смотрел уже я до этого реализовывал это уже, просто проблемы возникли и приходится переделывать, не могу понять где накосячил 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	10.09.2013, 16:55
	sMockingbird, SCV используете? откати назад где нет косяков и всё и заново делай =) 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.09.2013, 17:04 [ТС]
	and_y87, были причины откатиться до того момента, когда ещё ничего не было сделано) Добавлено через 5 минут Просто, блин, вообще не понимаю причин. почему вложенные элементы вдруг выпадают за пределы родителя.0_о 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	10.09.2013, 17:05
	sMockingbird, где нить можно страницу увидить с проблемой? 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.09.2013, 17:08 [ТС]
	and_y87, не, сайт на локалке пока только, всё содержимое с БД само собой, так что вынести норм не получится. Ладно, буду думать, где то что то не заметил просто) 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	12.09.2013, 13:21
	разве может дочерний элемент выйти за границы родителя? 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	12.09.2013, 13:37 [ТС]
	Lovrentiy, Невозможное возможно) а вообще да, если position:relative, к примеру задать 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	13.09.2013, 07:45
	Это очень радует! Поделитесь ссылкой на почитать за это дело, если есть. Заранее спасибо. А то по макету голову сломал как реализовать.... 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	13.09.2013, 09:02 [ТС]
	Lovrentiy, а что именно Вам надо? position: гуглите) 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	14.09.2013, 17:43
	мне надо информацию, где дочерний элемент может выходить за родительский не растягивая его. 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	14.09.2013, 18:41 [ТС]
	Lovrentiy, задайте вложенному элементу позитион:релатив и, к примеру, топ:-50пх, лефт:-100пх, посмотрите. Извините, с языками что то случилось( 1