Ich möchte eine Art von Hilfsleiste entwickeln. Ich kann jedes Element in dieser Leiste nebeneinander positionieren, indem ich float:left;
verwende.
Aber ich möchte, dass das zweite Element ganz rechts in der Leiste positioniert wird. Das ist schwierig für mich, weil die Breite der Leiste nicht statisch ist.
Werfen Sie einen Blick auf meine Demo:
Es sollte wie folgt aussehen:
Haben Sie eine Idee, wie man das mit css erreichen kann?
Ist es das, was Sie wollten? -
Schwimmer auf beiden Seiten jetzt
#wrapper{
background:red;
overflow:auto;
}
#c1{
float:left;
background:blue;
}
#c2{
background:green;
float:right;
}
<div id="wrapper">
<div id="c1">con1</div>
<div id="c2">con2</div>
</div>
float: right
, um die zweite Spalte nach rechts zu verschieben.[Live-Demo][1]
#wrapper{
background:#000;
overflow: hidden
}
#c1 {
float:left;
background:red;
}
#c2 {
background:green;
float: right
}