Tag: css-float
Positionierung der Elemente auf der linken oder rechten Seite der Container mit der CSS-float-Attribut.
Floating divs in der Bootstrap-layout
2 Antworten
Muss ich etwas tun, wie dies mit Boostrap. "Fluid" Inhalt auf der Seite mit zwei widgets in es - zuerst oben rechts und zweite Links-unten. Widget1 ist einfach - ich brauchte nur class="pull-right". Aber was tun mit
CSS neue Zeile erzwingen
4 Antworten
Ich habe so etwas wie dieses: <li>Post by <a>Author</a></li> Und ich wollen, um den link in eine neue Zeile, wie diese Post by Author Wie kann ich das erreichen? Clear:left funktioniert nicht. InformationsquelleAutor der Frage Sebastian Starke
Warum gibt es keine float-center in CSS?
3 Antworten
Habe ich festgestellt, dass es keine float-center in CSS und ich war ein wenig enttäuscht. Jedoch kann ich nicht helfen, aber Frage mich, warum. Während viele Menschen dies nutzen wollen, für die Zentrierung Inhalt wollte ich es
Split zur Verfügung stehende Breite zwischen zwei divs
8 Antworten
Ich habe einen container (Breite ist nicht bekannt) mit vier divs wie folgt: | Div1 | Div2 ............... | .............. Div3 | Div4 | Am weitesten Links und am weitesten rechts liegenden divs (Div1/Div4) sind fester Breite;
Schränken Grenze-Breite der Breite des Textes in ein block-element
6 Antworten
Ich habe eine <h2> Titel in ein fest mit <div> (238px). Wenn die Seite gerendert wird, wird im browser verwalten Zeilenumbrüche in den Titel, um den text passen Sie die Breite (238px). Aber die width-Eigenschaft des h2-element
Wrapper-div-Höhe 0 mit gefloateten Elemente im inneren
3 Antworten
Habe ich einen wrapper <div> enthält zwei innere <div>s, die schwimmend. <div class="outside" style="border:1px solid #555;"> <div class="inside" style="float:left; width:40px;">CONTENT</div> <div class="inside2" style="float:left; width:40px;">CONTENT</div> </div> Das problem ist der wrapper <div> hat eine Breite von 80px seit
Wie man richtig schweben zwei Spalten nebeneinander mit css
4 Antworten
Dies ist eines jener Dinge, die ich schon vor langer Zeit gelernt und nie dachte viel über, wenn ich tatsächlich Tat es das Recht Weg. Lassen Sie uns sagen, dass wir eine Struktur haben, etwa so: <div
Zentrierung schwimmende Elemente der Liste <li> innerhalb eines div oder Ihrer <ul>
2 Antworten
HTML: <div class="imgcontainer"> <ul> <li><img src="1.jpg" alt="" /></li> <li><img src="2.jpg" alt="" /></li> ..... </ul> </div> Ich bin der Codierung eine einfache Galerie-Seite durch die Schaffung einer unsortierten Liste und jedes Listenelement enthält ein Bild. ul li {
Verschieben Sie die HTML-checkbox auf der linken Seite der Breite
8 Antworten
Kann ich nicht verwenden, JavaScript und möchte eine Antwort in CSSwenn möglich. Ich habe die folgenden Kontrollkästchen in einem Formular: <label for="autologin">Remember Me</label> <input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1"> <div class="clear"></div> mit den folgenden CSS: label {
Was macht die CSS-Regel "clear: both" zu tun?
3 Antworten
Was bedeutet die folgende CSS-Regel machen: .clear { clear: both; } Und warum müssen wir es nutzen? InformationsquelleAutor der Frage | 2012-10-13
Die zweite floating div in chrome löscht herunter, bevor Sie den ersten div
16 Antworten
Zwei divs neben einander, sowohl schwimmend als auch Links innerhalb eines wrapper. Im IE und firefox wird Sie korrekt angezeigt, aber in Chrome, den 2. floating div löscht unten Div A. Wenn ich Entferne "float:left" in der
Center richten Sie mehrere child-DIV
1 Antworten
Ich finde es etwas verwirrend, arbeiten, um dieses problem. Ich habe die parent-DIV und 3/mehr Kind DIV. Übergeordneten DIV ist zentriert ausgerichtet und DIV Kind sollte schwimmen gegangen, aber die ausgerichtet werden sollen-center. CSS enthält, .center {
Input-text-auto-Breite Füllung 100% mit anderen Elemente schweben
3 Antworten
habe ich das folgende layout für ein Suchfeld mit: <div id="emulating_variable_width"> <form id="srxForm" method="post"> <div id="qsrxSearchbar"> <div id="scope"> Person Name </div> <input type="text" id="theq" title="Search"> <button id="btnSearch" type="button">Search</button> </div> </form> </div> (seine sehr vereinfacht für Anzeige Zwecke)
HTML-layout: hinzufügen sidebar-Spalte zu vorhandenen Website
3 Antworten
Ich habe eine Website mit einem Körper, der so aussieht: <body> <div id="header">...</div> <div id="content">...</div> <div id="footer">...</div> </body> Keine absolute /relative Positionierung tricks werden in diesen divs, aber es gibt eine Menge von floats clears margins und
Machen div füllen verbleibenden Platz der Eltern
4 Antworten
Brauche ich etwas Hilfe mit der Positionierung der divs. Die HTML-Struktur ist wie folgt: <div class="container"> <div class="item"> <div class="left"> lorem lorem </div> <div class="right"> <p>right</p> <p class="bottom">bottom</p> </div> </div> </div> Und ich habe folgende CSS: .container
Vertikal-center-Inhalte von floating div
5 Antworten
Wie kann ich verically center der Inhalt des floating div (die Höhe weiß ich nicht)? Es ist sehr einfach HTML-und CSS - (siehe diese Geige: http://jsfiddle.net/DeH6E/1/) <div class="floating"> This should be in the middle </div> .floating
float fluid Bild Links mit text wrapping
3 Antworten
Gibt es keinen Grund, dieser sollte schwer zu erreichen sein. Zurück in den Tag, konnte man nur eine Tabelle erstellen, und setzen Sie das Bild auf die erste Zelle und den text auf der zweiten. Easy as
CSS relative + rechts (oder unten) fast NIE funktionieren
3 Antworten
Ich habe das schreiben von CSS-Code für einige Zeit jetzt. Habe ich bemerkt, dass <div style="position: relative; right: 20%; bottom: 20%;">some text</div> nie funktioniert! relative Positionierung arbeiten würde, mit Links und oben angegeben werden, aber nicht mit
Anzeige Zwei <div>s Side-by-Side
3 Antworten
Mein Ziel ist die Darstellung von zwei <div>s side-by-side mit dem Inhalt von beiden <div>s oben ausgerichtet. Ich will nicht lange text in der zweiten <div> zu wickeln unter die erste. Endlich, ich will nicht, um die
Wie kann ich zwei divs auf die gleiche Linie?
2 Antworten
Ich habe ein dropdown-Menü, ähnlich suckerfish. Ich habe die dropdown-Seite funktioniert jetzt, aber ich habe einige Bilder, die ich versuche auf beiden Seiten des links. Bis jetzt bin ich mit einem div die Größe des Bildes, dann
Seltsam float-Verhalten im IE7
6 Antworten
Ich möchte erstellen Sie eine einfache box mit einer Kopfzeile, die einen Titel und einige Schaltflächen. Ich habe das folgende markup: <div style="float:left"> <div style="background-color:blue; padding: 1px; height: 20px;"> <div style="float: left; background-color:green;">title</div> <div style="float: right; background-color:yellow;">toolbar</div>
floating nav auf der rechten Seite mit einer festen position?
2 Antworten
Meine Website-navigation werden muss schwebte an der rechten Seite des Behälters, sondern in einer festen position, so dass, wenn die Seite scrollt, die navigation ist immer noch auf der rechten 350px von der Spitze. Dies funktionierte, bis
Ist es ein Nachteil der Verwendung von `display:table-cell ' on divs?
4 Antworten
Was ich versuche zu erreichen, ist mit einem fixed-width-ersten div und ein fluid zweiten div-die füllen den rest der Breite des übergeordneten div ' s width. <div class='clearfix'> <div style='float:left; width:100px;'>some content</div> <div style='float:left'>some more content</div> </div>
float-Objekt über ein Bild mit CSS?
3 Antworten
Ist es möglich, zu schweben ein Objekt auf einem Bild mit css? Ich möchte, um ein Formular über ein Bild (nicht den hintergrund). Float funktioniert nicht, aber gibt es einige variable, die nicht bieten diese Funktion? Wenn
Wie mache ich einen Zeilenumbruch nach einer twitter-bootstrap-element?
5 Antworten
Entschuldige ich mich, denn dies scheint wie eine einfache Sache. Was ist der richtige Weg, um eine neue Zeile zu beginnen, in einer Weise, dass das nächste element ist ein Zeilenumbruch? Es scheint so, dass einige Dinge
Wie float-Elemente mit unterschiedlichen Höhen?
7 Antworten
Arbeite ich auf ein responsive webdesign, dass die Schwimmer mehrere Elemente in 4 Spalten nebeneinander. Diese Elemente haben unterschiedliche Höhen und damit schwebend nicht richtig funktionieren. Dies ist, was passiert im moment: floating falsch http://f.cl.ly/items/05233z0M0H0x1t1K331B/floating-wrong.png Irgendwelche Ideen
Ausbau der Eltern-container mit 100% Höhe zu berücksichtigen schwebte Inhalt
6 Antworten
Bin ich zu kämpfen mit einem client-Projekt. Alle meine divs haben keine absolute Positionierung height:100% für htmlbody und container divs, und noch der statische Inhalt bleibt kurz auf Ihren Inhalt (auf 910px). Ändern kann ich die overflow-Eigenschaft
Wie zentral richten Sie ein float: left ul/li navigation Menü mit css?
10 Antworten
Also ich habe Folgendes CSS in Ort, um eine horizontale Navigationsleiste mit: .navigation ul { list-style: none; padding: 0; margin: 0; } .navigation li { float: left; margin: 0 1.15em; /* margin: 0 auto;*/ } .navigation {
Wie kann ich eine float-top mit CSS?
12 Antworten
Ich weiß, dass CSS unterstützt nur Links und rechts die Werte für die float-Eigenschaft, aber es ist eine Technik zum implementieren einer schwimmenden Spitze? Ich werde versuchen zu erklären. Ich habe den folgenden code: <div style="float:left"> <div
Wie bekomme ich Floating DIVs in DIV mit fester Breite, um horizontal weiter zu gehen?
8 Antworten
Ich habe einen DIV-container mit fester Höhe und Breite (275x1000px). In diesem DIV möchte ich mehrere floating DIVs die jeweils mit einer Breite von 300px und eine horizontale (x-Achse) Bildlaufleiste angezeigt, damit der Benutzer nach Links und
Div Kollaps nach Float CSS
9 Antworten
Habe ich ein div namens " NAV "und innerhalb von NAV habe ich eine UL mit 5 li, die ich float auf der linken Seite, die li' s, aber wenn ich das mache, dass der NAV zusammenbricht.
Zwei schwebende Säulen - eine feste, eine lose Breite
7 Antworten
Ist, habe ich mich um SOaber ich kann nicht finden, eine, die passt zu meinem auftreten, habe ich grundsätzlich zwei Spalten haben eine Feste Breite (185px) und die andere Spalte keine Feste Breite, aber ich muss die
CSS-Non-Wrapping-Floating-Divs
4 Antworten
Brauche ich zum erstellen einer einzelnen Zeile mit einer Variablen Menge von (schwimmenden?) divs: die container-dimension ist behoben, und es soll, fügen Sie eine horizontale scrollbar wenn benötigt, nie wickeln. Ich habe Folgendes versucht, aber es funktioniert
Der CSS-Container wird nicht gedehnt, um Floats aufzunehmen
7 Antworten
<html> <head> <style type="text/css"> .container { width: 900px; border: 2px solid #333333; padding-top: 30px; padding-bottom: 30px; } .container_left { border: 2px solid #FF00FF; width: 650px; float: left; } .container_right { border: 2px solid #0000FF; width: 225px; float:
Float right und position absolute funktioniert nicht zusammen
4 Antworten
Ich möchte einem div immer an der rechten Seite des parent-div, so dass ich mit float:right. Es funktioniert. Aber ich will auch, dass es keinen Einfluss auf anderen Inhalt, wenn Sie eingesetzt wird, so dass ich mit
Wie passt man die Höhe eines DIV an, um seine schwebenden Kinder zu umhüllen?
5 Antworten
Ich habe ein div gewickelt um zwei Kinder, ein Schwamm Links und die andere rechts. Ich möchte einen Rahmen und den hintergrund, die Kinder, aber das div hat 0 Höhe, da es nicht die Größe, um die
Wie richtet man Text neben einem Floating-Bild vertikal aus?
5 Antworten
Möchte ich vertikal ausrichten einer Zeitspanne nach einer gefloateten Bild. Ich suchte Sie in der stack-überlauf und finden dieser Beitrag. aber mein Bild ist geschwommen. <div> <img style="width:30px;height:30px; float:left"> <span style="vertical-align:middle">Doesn't work.</span> </div> Gebe ich vertical-align:middle zu
Feste Breite div auf der linken Seite, fülle die verbleibende Breite div auf der rechten Seite
1 Antworten
Möchte ich ein div mit einer festen Breite Bild auf der linken Seite und eine variable Breite div mit einer Hintergrundfarbe, die erweitert werden soll, seine Breite 100% auf meinem Gerät. Ich kann nicht aufhören, das zweite
Wie Zeilen in einem Inline-Block mit CSS umbrechen?
3 Antworten
Habe ich eine einfache HTML-Struktur (jsfiddle): <li> <div class="buttons"> <a href="done"><img src="done.png"></a> </div> <div class="owners"> Даня Абрамов и Саша Васильев </div> <div class="text"> трали-вали трали-вали трали-вали трали-вали </div> </li> buttonsowners und text haben display: inline-block. Sieht dies
Bootstrap 3: Span-Elemente, die direkt im Listen-Gruppen-Element schweben, verbrauchen keinen vertikalen Platz
1 Antworten
In einem Bootstrap 3 list-group-item ich haben ein Symbol, einen text und zwei icons /Schaltflächen, sollten float right. Habe ich versucht, dieses: <a class="list-group-item" ng-click="handleClick()"> <span class="glyphicon glyphicon-file"></span> Some text goes here <button class="btn btn-xs btn-warning pull-right"
Wie kann ein DIV ohne Inhalt eine Breite haben?
8 Antworten
Ich versuche zu geben Sie eine Breite ein DIV, aber ich scheine zu sein, läuft in ein problem, weil es keinen Inhalt hat. Hier ist die CSS und HTML habe ich, so weit, aber es funktioniert nicht:
Einen Rand um schwebende Elemente setzen
3 Antworten
Sagen, ich habe so etwas wie den folgenden code, wo ich will, zur Anzeige von text zwischen zwei Bildern, die ich schweben Links und rechts. <img src="testImage1.png" alt="Test Image 1" style="float:right;" /> <img src="testImage2.png" alt="Test Image 2"
Float a div right, ohne das Design zu beeinflussen
3 Antworten
Will ich schweben ein div auf der rechten Seite an der Spitze meiner Seite. Es enthält eine 50px quadratisches Bild, aber momentan ist es Auswirkungen auf das layout des top-50px auf der Seite. Zeit: <div style="float: right;">
CSS Floating mit Überlappung
4 Antworten
Ich versuche, eine einfache horizontale tab-Struktur für eine Seite an der ich arbeite, und ich bin in ein paar Probleme mit floating div ' s in Kombination mit z-index. Betrachten Sie den folgenden code in einem browser:
Stellen Sie fest, dass das äußere div automatisch die gleiche Höhe hat wie sein schwebender Inhalt
7 Antworten
Will ich die äußeren divwas schwarz ist, um wickeln Sie Ihre divs floating in. Ich möchte nicht zu verwenden style='height: 200px im div mit der outerdiv id, wie ich will, es werden automatisch die Höhe Ihrer Inhalte
Wie schwebe ich ein Element mit voller Höhe des Deckblattes?
2 Antworten
HTML: <div class="wrapper"> <div class="left"> Foo </div> <div class="right"> Text row 1 </div> </div> <div class="wrapper"> <div class="left"> Foo Bar </div> <div class="right"> Text row 1<br> Text row 2<br> Text row 3 </div> </div> CSS: .wrapper {
CSS - Breite wurde am span-Tag nicht berücksichtigt
5 Antworten
Ich habe ein Problem mit einem meiner überspannt. Bitte cosider die folgenden Stile: .form_container .col1che { float: left; width: 4%; text-align: left; } .form_container .col2che { float: left; width: 80%; text-align:left; } .form_container .col3che { float: right;
Verhindere, dass schwebende divs in eine neue Zeile eingefügt werden
2 Antworten
Dass ich gesehen habe, fragte ein paar mal SO, und die gleichen Antworten gegeben die nicht funktionieren auf meiner Seite in Chrome oder Firefox. Möchte ich eine Reihe von Links-gefloateten divs ablaufen, horizontal eine übergeordnete div mit
CSS Floating Bug in Google Chrome
7 Antworten
Erlebe ich ein sonderbares Problem in der neuesten version von Chrome (25.0.1364.97 m). Ich habe eine Reihe von divs ein Schwamm, container gelöscht, alle schwammen Links mit der gleichen Breite. In Firefox, IE, und ältere Versionen von
3 Spalten, mittlere mit flexibler Breite
1 Antworten
Ich würde gerne ein layout, das aus drei nebeneinander liegenden divs. Seite divs haben statische Breite (kann sich ändern mit javascript) und den center-div füllt die restliche Fläche. Wenn das erste div-Größe änderungen wirken sich nur auf