Saya ingin mengembangkan semacam bar utilitas. Saya dapat memposisikan setiap elemen dalam bar ini berdampingan menggunakan float:left;
Tetapi saya ingin elemen kedua diposisikan di bagian paling kanan bar. Ini sulit bagi saya karena lebar bar tidak statis.
Lihatlah demo saya:
Seharusnya terlihat seperti ini:
Ada ide bagaimana cara mencapai ini menggunakan css?
Apakah ini yang Anda inginkan? -
Mengambang di kedua sisi sekarang
#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
untuk... mengapungkan kolom kedua ke... kanan.overflow: hidden
untuk menghapus float sehingga warna latar belakang yang baru saja saya masukkan akan terlihat.[Demo Langsung][1]
#wrapper{
background:#000;
overflow: hidden
}
#c1 {
float:left;
background:red;
}
#c2 {
background:green;
float: right
}