masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 求问一个简单的div浮动问题_html/css_WEB-ITnose

求问一个简单的div浮动问题_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:38:47
asal
1104 orang telah melayarinya

小弟刚学CSS的float，，想第二个div在第一个div的右边，第三个div在第一个div的下边，代码如下，但是出现了第三个div把第二个div覆盖了，为什么？ 

<body>	<div id="div_1" style="float:left">    风风风风风风风f风    </div>    	<div id="div_2">    火火火火火火火火    </div>    	<div id="div_3">    水水水水水水水水    </div></body>
Salin selepas log masuk


结果显示：


回复讨论(解决方案)

给#div_2也加个左浮动吧

给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……


给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……
第一个和第二个左浮动
第三个clear: both;
Label berkaitan：
求问一个简单的div浮动问题
sumber：php.cn
Artikel sebelumnya：Animation动画之AlphaAnimation（透明度变化）_html/css_WEB-ITnose Artikel seterusnya：css3的Background新属性_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...
daripada 2024-04-06 16:25:39
0
1
346
Fungsi JavaScript tidak mempunyai kesan pada klik butang Saya telah mencari di internet dan mencuba banyak perkara, tetapi saya terjebak pada masal...
daripada 2024-04-05 13:14:53
0
2
1433
Pertanyaan SQL tidak muncul dalam laluan tertentu dalam Node.js Saya baru kepada javascript dan nodejs dan saya mempunyai soalan saya mempunyai kod yang s...
daripada 2024-04-04 00:24:22
0
1
344
Soalannya masih sama, tetapi tajuk ditulis semula seperti berikut: Fungsi rawak Javascript saya gagal menghasilkan respons yang sah Saya sedang membuat permainan penjana nombor rawak mudah menggunakan JS dan HTML. Dalam pe...
daripada 2024-04-03 22:03:14
0
1
275
Penomboran halaman web HTML dalam Chrome Saya cuba membuat penomboran selepas bekas div halaman penuh. Sama seperti memuatkan halam...
daripada 2024-04-02 23:26:08
0
1
404
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan