Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial ,html布局的问题。_html/css_WEB-ITnose

,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>
Salin selepas log masuk


回复讨论(解决方案)

宽度和高度的百分比是继承父容器的宽和高,在父容器的宽高没有具体数值的情况下就会显示异常。
我一般都在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取吧,异常也没办法。

结贴了。
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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? 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? 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? 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? 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? 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? 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? 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? 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?

See all articles