Programmierung css-position

13

Mitte ausrichten einer festen Position div

Ich versuche, ein Div zu erhalten, dessen position:fixedMitte auf meiner Seite ausgerichtet ist. Ich war immer in der Lage, dies mit absolut positionierten Divs mit diesem "Hack" zu tun. left: 50%; width: 400px; margin-left:-200px ... wobei der Wert für margin-left die halbe Breite des div beträgt. Dies scheint nicht für …

126 html center alignment css-position

5

Zielposition: klebrige Elemente, die sich derzeit in einem "festgefahrenen" Zustand befinden

position: sticky funktioniert jetzt in einigen mobilen Browsern, sodass Sie eine Menüleiste mit der Seite scrollen lassen und dann immer dann oben im Ansichtsfenster bleiben können, wenn der Benutzer daran vorbeirollt. Aber was ist, wenn Sie Ihre klebrige Menüleiste leicht neu gestalten möchten, wenn sie gerade "klebt"? Sie möchten beispielsweise, …

106 css css-selectors css-position

5

Wie überschreibe ich left: 0 mit CSS oder Jquery?

Ich habe ein Element, das das folgende CSS hat: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Das Element erstreckt sich nicht über den gesamten Bildschirm. Ich möchte, dass es auf der rechten Seite des Bildschirms "ausgerichtet" wird. Dies wäre einfach, wenn ich nur left: …

103 css css-position

10

Unterschied zwischen style = "position: absolute" und style = "position: relative"

Kann mir jemand den Unterschied zwischen style = "position:absolute"und style = "position:relative" und wie sie sich unterscheiden, wenn ich sie zu div/ span/ inputElementen hinzufüge ? Ich benutze absolutegerade, aber ich möchte auch erforschen relative. Wie wird dies die Positionierung verändern?

103 css css-position

4

Meine Position: Klebriges Element ist bei Verwendung von Flexbox nicht klebrig

Ich war ein bisschen dabei und dachte, ich würde dieses position: sticky+ Flexbox-Gotcha teilen : Mein klebriger Div funktionierte einwandfrei, bis ich meine Ansicht auf einen Flexbox-Container umstellte, und plötzlich war der Div nicht mehr klebrig, als er in einen Flexbox-Elternteil eingewickelt wurde. .flexbox-wrapper { display: flex; height: 600px; } …

97 css flexbox css-position sticky

7

Die Navigation in der Seitenleiste in flüssigem Twitter-Bootstrap 2.0 wurde behoben

Ist es möglich, dass die Navigation in der Seitenleiste beim flüssigen Layout immer auf dem Bildlauf fixiert bleibt?

92 css twitter-bootstrap css-position fluid-layout

5

CSS: Top gegen Margin-Top

Ich bin mir nicht sicher, ob ich den Unterschied zwischen diesen beiden vollständig verstehe. Kann jemand erklären, warum ich eins über das andere verwenden würde und wie sie sich unterscheiden?

91 css css-position

5

Erzwingen Sie, dass "Position: absolut" relativ zum Dokument und nicht zum übergeordneten Container ist

Ich versuche, ein div in einen beliebigen Teil des Körpers einzufügen und es position: absoluterelativ zum gesamten Dokument zu machen und nicht zu einem übergeordneten Element, das ein hat position: relative.

91 html css css-position

9

Wie kann ich den Inhalt eines festen Elements nur dann scrollbar machen, wenn er die Höhe des Ansichtsfensters überschreitet?

Ich habe eine divPosition fixedauf der linken Seite einer Webseite, die Menü- und Navigationslinks enthält. Es ist keine Höhe von CSS festgelegt, der Inhalt bestimmt die Höhe, die Breite ist fest. Das Problem ist, dass wenn der Inhalt zu groß ist, divdieser größer als die Fensterhöhe ist und ein Teil …

89 html css css-position

6

Absolute Positionierung innerhalb der absoluten Position

Ich habe 3 divElemente. 1. divist größer (Wrap) und hatposition:relative; Die 2. divPosition ist absolut zur 1. divrelativen Positionierung positioniert (und in der 1. Position enthalten div). 3. divist im 2. enthalten divund hat auch absolute Positionierung. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Warum ist die 3. divPosition …

88 html css css-position

8

Unterschied zwischen statischer und relativer Positionierung

Was ist in CSS der Unterschied zwischen statischer (Standard-) Positionierung und relativer Positionierung?

87 css static positioning css-position

2

CSS (Webkit): Überschreiben von oben mit unten auf dem absolut positionierten Element

Ich habe ein Problem mit dem Überschreiben von Plugin-CSS. Das direkte Bearbeiten dieses CSS ist keine Option, da dies das Aktualisieren des Plugins riskanter machen würde. Das Problem: Ein Element hat eine absolute Positionierung und im Original oben: 0px. Ich möchte es von unten überschreiben: 0px. Zum Beispiel .element {position:absolute; …

81 css webkit css-position

6

Absolut positioniertes Ankertag (ohne Text) im IE nicht anklickbar

Ich habe zwei Anker, die absolut über einem Bild positioniert sind. Die Links können in anderen Browsern (Chrome, FF, Safari) angeklickt werden, aber nicht im IE (bisher in 8 und 9 getestet). Das Seltsame ist, wenn ich den Links ein gebe, dass background-colorsie anklickbar sind. Wenn sie jedoch background-colorauf transparent( …

70 html css internet-explorer css-position

5

iOS 9 Safari: Wenn Sie ein Element während des Bildlaufs in eine feste Position ändern, wird erst nach dem Stopp des Bildlaufs gemalt

Ich habe eine Site entwickelt und das ziemlich gute jQuery Sticky Kit- Plugin genutzt. Es funktioniert, indem die positionEigenschaft fixedbei Bedarf hin und zurück geschaltet wird . Läuft sehr reibungslos auf dem Desktop und akzeptabel auf Mobilgeräten. Oder zumindest früher. iOS 9 weist ein neues Verhalten auf: Wenn sich das …

68 ios css css-position mobile-safari ios9

6

Positionieren von scrollbaren Inhalten unter dem festen Flexbox-Navigationsmenü

Ich habe das folgende Snippet (muss im Vollbildmodus angezeigt werden), das ich versuche, das <main>Element direkt unter dem <header>Element zu platzieren. Ich habe das <header>in einer festen Position, weil ich möchte, dass es am oberen Bildschirmrand bleibt, wenn der Benutzer durch den Inhalt des <main>Elements blättert . Ich habe alles …

15 html css css-position fixed

Als «css-position» getaggte Fragen