Wie man div von unten nach oben bewegt

9

Ich habe eine variable Höhe , 100% -width sub-menu , die normalerweise am unteren Rand der Seite positioniert ist. Ich möchte, dass es oben auf der Seite angezeigt wird, wenn es in einem Browser mit einem kleinen Fenster angezeigt wird. Das folgende ist die Struktur des HTML für die Seite:

%Vor%

Wie kann ich die Variable height sub-menu nach oben bringen, ohne den Inhalt der Seite mit CSS zu blockieren?

    
Question Overflow 26.05.2012, 08:54
quelle

4 Antworten

2

Wenn Sie die Höhe Ihres Untermenüs kennen , können Sie dies mit position: relative für #container und position: absolute für Ihre #content und #sub-menu tun. Sie müssen dem #container auch einen Höchstwert geben, der der Höhe Ihres #sub-menu entspricht.

    
Ana 26.05.2012, 09:09
quelle
2

Sie können display: table-header-group; ...

verwenden

HTML:

%Vor%

CSS:

%Vor%

Demo: Ссылка

    
jjenzz 24.07.2015 15:21
quelle
0

Ich bin nicht sicher, wie Sie Ihre Medienabfragen eingerichtet haben. Dies ist möglicherweise nicht mit Ihrer HTML-Struktur möglich, so dass Sie dies möglicherweise bearbeiten müssen, damit es funktioniert.

%Vor%

Der obige Code muss in Ihre Medienabfrage für kleine Bildschirme eingefügt werden.

    
Undefined 26.05.2012 09:04
quelle
0

Hier ist die CSS Query-Lösung.

%Vor%

Mit etwas mehr Erklärung dafür, wie du das div platziert hast oder es mit einer Geige verbunden hast, wäre hilfreich.

    
Katti 26.05.2012 10:12
quelle

Tags und Links