Potrzebuję dwóch elementów div, aby wyglądały trochę tak:
| |
---| LOGO |------------------------
| |_______________| LINKS |
| CONTENT |
Jaki jest najmodniejszy / najbardziej elegancki sposób, aby je starannie zachodzić? Logo będzie miało stałą wysokość i szerokość i będzie dotykało górnej krawędzi strony.
Po prostu użyj ujemnych marginesów, w drugim div powiedz:
I upewnij się, że ustawiłeś właściwość z-index, aby uzyskać żądaną warstwę.
źródło
Dzięki pozycjonowaniu bezwzględnemu lub względnemu można wykonywać różnego rodzaju nakładanie się. Prawdopodobnie chcesz, aby logo miało taki styl:
Uwaga: położenie bezwzględne ma swoje dziwactwa. Prawdopodobnie będziesz musiał trochę poeksperymentować, ale robienie tego, co chcesz, nie powinno być zbyt trudne.
źródło
Używając CSS, ustawiasz logo div na pozycję bezwzględną i ustawiasz kolejność z na wyższą od drugiego div.
źródło
Jeśli chcesz, aby logo zajmowało miejsce, prawdopodobnie lepiej jest przesuwać je w lewo, a następnie przesuwać zawartość za pomocą marginesu, mniej więcej tak:
lub dowolny margines.
źródło