Als «css-float» getaggte Fragen

Positionieren von Elementen links oder rechts von ihren Containern mithilfe des CSS-Float-Attributs.

8
Wie kann ich aufhören, nach links zu schweben?
Ich habe folgenden Code: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> Mein …
97 css  html  css-float 
7
Stellen Sie sicher, dass das äußere Div automatisch die gleiche Höhe wie der schwebende Inhalt hat
Ich möchte, dass das Äußere div, das schwarz ist, darin divschwebt. Ich möchte nicht style='height: 200pxin der divmit der outerdivID verwenden, da ich möchte, dass es automatisch die Höhe seines Inhalts ist (z. B. das schwebende divs). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> …
94 css  html  css-float 
4
Kind außerhalb eines Überlaufs sichtbar machen: verstecktes Elternteil
In CSS overflow:hiddenwird das für übergeordnete Container festgelegt, damit es mit der Höhe der schwebenden untergeordneten Container erweitert werden kann. Aber es hat auch eine andere interessante Eigenschaft, wenn es mit margin: auto... Wenn VORHERIGES Geschwister ein schwebendes Element ist, wird es tatsächlich nebeneinander angezeigt. Das heißt, wenn das Geschwister …
14
Teilen Sie Div mithilfe von CSS in zwei Spalten auf
Ich habe versucht, ein Div mithilfe von CSS in zwei Spalten aufzuteilen, aber ich habe es noch nicht geschafft, es zum Laufen zu bringen. Meine Grundstruktur ist wie folgt: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Wenn ich versuche, die …
89 css  html  css-float 
6
CSS zum Stoppen des Textumbruchs unter dem Bild
Ich habe das folgende Markup: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Ich möchte, dass der Text, wenn er umbrochen wird, nicht in die 'Spalte' für das Bild gelangt. Ich weiß, ich kann es mit einem machentable (was ich gemacht habe), aber das ist aus diesem …
6
Verhindern Sie, dass schwebende Divs verpackt werden
Ich möchte eine Reihe von Divs (Zellen) haben, die nicht umbrochen werden, wenn der Browser zu schmal ist, um sie anzupassen. Ich habe Stack durchsucht und konnte keine funktionierende Antwort auf eine meiner Meinung nach einfache CSS-Frage finden. Die Zellen haben die angegebene Breite. Ich möchte jedoch nicht die Breite …
7
So richten Sie zwei Elemente in derselben Zeile aus, ohne HTML zu ändern
Ich habe zwei Elemente auf derselben Linie, die nach links und rechts schwebten. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> Ich brauche, dass Element2 neben Element1 mit ungefähr 10 Pixel Abstand zwischen den beiden ausgerichtet wird. Das Problem …
83 html  css  css-float  margin 
8
Rand oben funktioniert nicht mit klar: beides
<div style="float: left;">Left</div> <div style="float: right;">Right</div> <div style="clear: both; margin-top: 200px;">Main Data</div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Warum margin:topfunktioniert das für 'Hauptdaten' im obigen Code nicht?
73 css  css-float 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.