нужна красная рамка вокруг элемента фиксированной позиции

Question

У меня есть липкий заголовок с белым фоном. Фон страницы также белый. Я бы хотел, чтобы заголовок отключился от содержимого, когда пользователь прокручивает страницу вниз, поэтому я дал заголовку некоторое дополнение и 1 пиксельную светло-серая нижняя граница. Но я хотел бы разрешить полосу шириной примерно 10 пикселей или ниже, чем серая, поэтому содержимое не выглядит таким отрубленным. Глядя на модель коробки на вкладке макета firebug, можно предположить, что определение нижнего поля 10px сделает это для меня, но это не имеет никакого эффекта. (Я развиваюсь на своей локальной машине со свободной темой Wordpress в Catch Evolution и до сих пор смотрел на мои результаты как в Chrome, так и на Firefox 38. Никакой разницы между пограничной проблемой между ними.)

Я читал о нескольких граничит с: до и: после here, но я не думаю, что это поможет мне, так как я использую фиксированную позицию.

Answer 1

Используйте вместо этого два div s. (Не забудьте установить height из первого)

<div style="position: fixed;"> 
    <div id="content" style="height: 90%; position: relative; border-bottom: 1px solid gray;"> 
    Your header 
    </div> 
</div>