Я пытаюсь сосредоточить этот дисплей под навигацией.
Навигация установлен для положения относительного, а раскрывающееся горизонтальное меню установлено на абсолютное. Я установил левые и правые свойства на 0. Я пытался использовать левый автомобильный и правый автомат, но это тоже не работает. HTML -код выглядит следующим образом - «Научные идеи» - это вариант меню. Ссылки под этим дисплеем представляют собой горизонтально отображаемые раскрывающиеся элементы. < /P>
Код: Выделить всё
nav {
background: transparent;
width: calc(100% - 260px);
height: 100px;
display: table;
padding-top: 10px;
float: left;
position: relative;
}
nav ul {
padding-left: 0px;
height: 31px;
position: relative;
}
nav ul li:hover ul {
display: inline;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: 32px;
}< /code>
[list]
[*]
[url=#]SCIENCE IDEAS[/url]
[url=atom.html]THE ATOM[/url]
[*][url=other.html]OTHER[/url]
[*][url=weak-forces.html]WEAK FORCES[/url]
[*][url=universe.html]UNIVERSE[/url]
[/list]
Подробнее здесь: https://stackoverflow.com/questions/797 ... ly-centred
Мобильная версия