，html布局的问题。_html/css_WEB-ITnose
Jun 24, 2016 am 11:42 AM 如何让中间的表格(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取吧，异常也没办法。
结贴了。
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel 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
Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?
Mar 04, 2025 pm 12:32 PM
Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?
Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?
Mar 17, 2025 pm 12:27 PM
Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?
Bagaimana cara menambah kesan strok kepada imej PNG di laman web?
Mar 04, 2025 pm 02:39 PM
Bagaimana cara menambah kesan strok kepada imej PNG di laman web?
Apakah implikasi keselamatan menggunakan iframes, dan bagaimana saya dapat mengurangkannya?
Mar 18, 2025 pm 02:51 PM
Apakah implikasi keselamatan menggunakan iframes, dan bagaimana saya dapat mengurangkannya?
Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?
Mar 17, 2025 pm 12:20 PM
Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?
Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?
Mar 20, 2025 pm 06:05 PM
Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?
Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik?
Mar 12, 2025 pm 04:05 PM
Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik?
Bagaimana saya menggunakan html5 & lt; meter & gt; elemen untuk memaparkan data berangka dalam julat?
Mar 12, 2025 pm 04:08 PM
Bagaimana saya menggunakan html5 & lt; meter & gt; elemen untuk memaparkan data berangka dalam julat?
