masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 布局问题 将窗口一分为二_html/css_WEB-ITnose

布局问题 将窗口一分为二_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:15:42
asal
1694 orang telah melayarinya

将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完成吗，我只会用js先算出外部窗口的高，然后减去上div的高，得出下div的高。


回复讨论(解决方案)

本帖最后由 net_lover 于 2012-10-14 15:27:45 编辑 

<!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><style>html,body{height:100%;margin:0;padding:0;}</style></head><body><div id="top" style="height:80px;background:#f00; position:absolute; top:0; width:100%"></div><div id="main" style="height:100%;background:#000;margin-top:0!important; margin-top:-80px"></div></body></html>
Salin selepas log masuk
Label berkaitan：
布局问题 将窗口一分为二
sumber：php.cn
Artikel sebelumnya：求助：关于js问题_html/css_WEB-ITnose Artikel seterusnya：请教:删除页面链接对SEO有影响吗？_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
Aplikasi VueJS 2 disusun kepada 1 Kami sedang membina aplikasi menggunakan VueJS sebagai bahagian hadapan. Tetapi kami seper...
daripada 2024-04-03 12:00:59
0
1
371
TypeError: Tidak dapat membaca sifat yang tidak ditentukan (baca 'kedudukan') menggunakan ThreeJs Saya cuba menyepadukan model 3D ke latar belakang bahagian wira tapak web saya. Ia berfung...
daripada 2024-04-01 12:01:52
0
1
416
Lebar tetingkap CSS React.js Saya sedang membangunkan tapak web responsif menggunakan React. Untuk penggayaan saya meng...
daripada 2024-03-31 16:31:23
0
1
386
Item Flexbox akan melimpahi bekas apabila tetingkap terlalu pendek dan bar sisi tidak dapat mengekalkan penjajaran bawah Saya cuba menggunakan susun atur fleksibel mudah yang terdiri daripada pengepala, grid kan...
daripada 2024-03-31 00:03:58
0
1
355
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