Мне нужно два div, чтобы выглядеть примерно так:
| |
---| LOGO |------------------------
| |_______________| LINKS |
| CONTENT |
Какой самый приятный / самый элегантный способ сделать их аккуратно перекрывать друг друга? Логотип будет иметь фиксированную высоту и ширину и будет касаться верхнего края страницы.
Просто используйте отрицательные поля, во втором div скажите:
И убедитесь, что вы установили свойство z-index для получения нужного слоя.
источник
С абсолютным или относительным позиционированием вы можете делать всевозможные перекрытия. Возможно, вы хотите, чтобы логотип был оформлен так:
Примечание: абсолютная позиция имеет свои эксцентриситеты. Возможно, вам придется немного поэкспериментировать, но не должно быть слишком сложно делать то, что вы хотите.
источник
Используя CSS, вы устанавливаете логотип div в абсолютное положение и устанавливаете z-порядок выше второго div.
источник
Если вы хотите, чтобы логотип занимал пространство, вам, вероятно, лучше переместить его влево, а затем перемещать содержимое вниз по марже, например, так:
или любой другой запас, который вы хотите.
источник