CSS - стиль похож на ХОРОШО? - PullRequest
Новая
       30

CSS - стиль похож на ХОРОШО?

3 голосов
/ 10 августа 2011

Я часто посещаю веб-сайт под названием ХОРОШО , и мне особенно нравится один эстетический стиль; как панель навигации расширяет свои цвета на фоне веб-сайта. Вы поймете, что я имею в виду, если зайдете на сайт.

В CSS, как я могу воспроизвести это самым простым способом? Я пробовал все виды вещей с z-index / margins / float, и это просто не происходит.

Ответы [ 2 ]

0 голосов
/ 10 августа 2011

Это все о положении: абсолют.Контейнеру nav, содержащему все эти ссылки, присваивается это свойство CSS, которое удаляет его из обычного потока страницы.У него есть вершина: 165px, чтобы установить его там, где он расположен.Каждой из ссылок присваивается свойство display: block, которое означает, что они будут заполнять своего родителя, который в этом случае составляет 100% ширины.Тэг span затем используется внутри ссылок 100% ширины, чтобы установить текст, где он находится.

0 голосов
/ 10 августа 2011

Просто поместите A div (position'd absolute) сзади с меню в нем и поместите еще один div, с фактическим содержанием в нем.

Маленький пример: 

<html>
<body>
<div style="position: absolute; top:200px; left:0px; width:100%">The menu here, at A 100% width</div>
<div style="position: absolute; top:0px; left: 0px;">The content here.</div>
</body>
</html>

Это должно сработать!

Надеюсь, это поможет.

...