，html布局的问题。_html/css_WEB-ITnose
如何让中间的表格(id=“aaaatttt”)，在各种浏览器中，都能自适合高度。
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 6.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>title</title><style>html,body{ margin:0px; height:100%;}</style></head><body style="overflow:hidden;background:#D6DFFF;"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1" style="border-collapse: collapse" bordercolor="#C0C0C0" height="100%"> <tr> <td height="91" >head</td> </tr> <tr> <td height="15" bgcolor="#013961" style="border-top:0px #ffffff solid;border-bottom:0px #4D7373 solid;height:15px;"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="color:yellow;padding-left:10px;">中华人民共和国</td> <td style="text-align:right;padding-right:10px;">退出</td> </tr> </table> </td> </tr> <tr> <td style="padding:3px;border:1px #ff0000 solid;" valign="top"> <table id='aaaatttt' border="1" width="100%" height="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;height:100%;"> <tr> <td bgcolor="#E7EBFF" valign="top" id="leftFrame" style="width:230px;"> left </td> <td width="1" style="width:1px;font-size:1px;"> </td> <td valign="top" >right</td> </tr> </table> </div> </td> </tr></table> </body></html>
回复讨论(解决方案)
宽度和高度的百分比是继承父容器的宽和高，在父容器的宽高没有具体数值的情况下就会显示异常。
我一般都在body里面添加个背景图片，将body撑满整个窗口，这样子元素就可以使用百分比设置了
楼主所谓自适应什么意思？？？效果看起来很正常。。。
不知楼主到底要的是怎样的呢。。
设置表格的大小百分比
宽度和高度的百分比是继承父容器的宽和高，在父容器的宽高没有具体数值的情况下就会显示异常。
我一般都在body里面添加个背景图片，将body撑满整个窗口，这样子元素就可以使用百分比设置了
我知道会继承，不过，上级无法有固定宽高的情况下，下级如何自适应？
楼主所谓自适应什么意思？？？效果看起来很正常。。。
不知楼主到底要的是怎样的呢。。
就是这个样子，在chrome中没问题，在IE8中，不能自适应。
就是这个样子，在chrome中没问题，在IE8中，不能自适应。
我的IE是11版的，，，一切正常。。。
那么，，，楼主不妨网上找找看css3、html5的兼容js插件。。。也许能解决你的问题。。。
IE10以下都是浮云……
最好的办法给让body有一个具体的宽高，就是我给你说的，用背景图填充body（这样body就直接得到浏览器的宽和高了），我也试过用js获取屏幕的宽和高的值来设置body大小，这样浏览器打开时不是最大化的时候又该异常了
我的IE是11版的，，，一切正常。。。
那么，，，楼主不妨网上找找看css3、html5的兼容js插件。。。也许能解决你的问题。。。
好吧，真让人崩溃，我再试试吧。
IE10以下都是浮云……
最好的办法给让body有一个具体的宽高，就是我给你说的，用背景图填充body（这样body就直接得到浏览器的宽和高了），我也试过用js获取屏幕的宽和高的值来设置body大小，这样浏览器打开时不是最大化的时候又该异常了
我也想浮云，客户那不认啊，没办法了。用js取吧，异常也没办法。
结贴了。
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Apakah tujuan & lt; kemajuan & gt; unsur?
Mar 21, 2025 pm 12:34 PM
Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati
Apakah tujuan & lt; DATALIST & GT; unsur?
Mar 21, 2025 pm 12:33 PM
Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159
Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?
Mar 17, 2025 pm 12:20 PM
Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.
Apakah tujuan & lt; meter & gt; unsur?
Mar 21, 2025 pm 12:35 PM
Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex
Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?
Mar 17, 2025 pm 12:27 PM
Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.
Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif?
Mar 20, 2025 pm 05:56 PM
Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.
Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?
Mar 20, 2025 pm 06:05 PM
Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.
GITEE PAGES PENYEDIAAN LAMAN WEB STATIC Gagal: Bagaimana menyelesaikan masalah dan menyelesaikan kesilapan fail tunggal 404?
Apr 04, 2025 pm 11:54 PM
Giteepages Statik Laman Web Penggunaan Gagal: 404 Penyelesaian Masalah dan Resolusi Ralat Semasa Menggunakan Gitee ...
