masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 页面怎么100%布局_html/css_WEB-ITnose

页面怎么100%布局_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:47:31
asal
1286 orang telah melayarinya

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>head_right怎么在不同分辨率全屏显示</title><style type="text/css">*{   list-style:none;   margin:0;   padding:0;  }.div{    width:100%;    }.head{    width:100%;    height:123px;    background:#066;    }.head_left{    width:181px;    height:123px;    float:left;    background:#096;    }.head_right{    width:85%;    height:123px;    float:left;    background:#09C;    }</style>  </head><body>  <div class="div"> <div class="head">  <div class="head_left">   左边  </div>  <div class="head_right">  右边  </div> </div> </div></body></html>
Salin selepas log masuk

请问下 div="head_right"怎么在不同分辨率都是width=100%全屏显示


回复讨论(解决方案)

.head_right{
    width:100%;
    height:123px;
    float:left;
    background:#09C;
    }

要并排的话，去掉  float:left;
.head_right{
    width:100%;
    height:123px;
    background:#09C;
   }

Label berkaitan：
页面怎么100%布局
sumber：php.cn
Artikel sebelumnya：用户注册登录框怎么移中间去啊。。_html/css_WEB-ITnose Artikel seterusnya：先在流行的图片下边 蒙层 该怎么做_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
untuk gelung secara rawak pergi dari 1 hingga 0 Pada asasnya, setiap kali halaman dimuat semula, gelung for berpotensi berubah daripada 1 ...
daripada 2024-04-06 16:48:14
0
1
393
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Menjaga laluan Next.js dengan Supabase Saya melaksanakan perlindungan laluan dengan mencipta halaman perlindungan dan apabila pen...
daripada 2024-04-06 11:13:00
0
1
430
Tetapan konfigurasi OAuth 2.0 Saya menggunakan phpmailer untuk menghantar mel melalui pelayan smtp.google.com tetapi kin...
daripada 2024-04-06 11:12:57
0
1
408
Melepaskan paksi X selepas memanggil Chart.zoom(): panduan langkah demi langkah Saya menetapkan strategi tatal kepada setScrollStrategy(AxisScrollStrategies.progressive) ...
daripada 2024-04-04 23:40:56
0
1
1339
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