Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.04.2019, 15:12   #1
хатабыч
Пользователь
 
Аватар для хатабыч
 
Регистрация: 15.03.2016
Сообщений: 44
Восклицание [HTML/CSS] Суть моей ошибки?

Не могу понять свою ошибку. Делаю элементарный список и вкладываю его в блок. далее задаю блоку менюшке relative; списку absolute; так как буду делать всплывающее меню. Понять не могу почему при этом все содержимое; блок со списком вываливается из общего контейнера. я хочу чтобы этот контейнер в бордере раздвигался при разворачивании меню.
html
Код:
body>
        <div id ="nav">
            <div class="top_menu">
             <ul class ="menu"><a href ="#">Menu</a>
                 <li><a href ="#">One</a></li>
                 <li><a href ="#">Two</a></li>
                 <li><a href ="#">Three</a></li>
             </ul> 
            </div>                 
        </div>
</body>
css
Код:
body{
    margin: 0;
    padding: 0;
}
#nav{
    width: 150px;
    background-color: #08c7ea;
    border: 3px solid green;
    margin: 20px;
    padding: 0px 10px;
}
.top_menu{
    margin: 5px 10px 5px 20px; 
    position: relative;

}
.menu a{
    text-decoration: none;
    color: #6f50d4;
    display: block;
    
}
.menu li a{
    color: crimson;
}

.menu{
    position: absolute;
    list-style:none;
}
.
хатабыч вне форума Ответить с цитированием
Старый 04.04.2019, 09:45   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

position: absolute; вырывает блок из контекста: для всех окружающих его элементов он перестает существовать.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не ясна суть задания Illtry Помощь студентам 10 15.02.2018 22:25
Не ясна суть ошибки qip2005 PHP 2 19.02.2013 05:04
Загрузка в Excel html-страниц, ошибки при загрузке и как их побороть Meta2 Microsoft Office Excel 17 12.11.2010 01:50
Не могу понять суть ошибки KIrich iz Che Общие вопросы C/C++ 8 18.04.2010 13:44
Как обработать ошибки при скачке html-страниц? delphyok Работа с сетью в Delphi 6 14.08.2009 14:06