gpt4 book ai didi

html - 为什么我的 div 被平板电脑上的表格弄乱了?

转载 作者:行者123 更新时间:2023-11-28 12:44:20 24 4
gpt4 key购买 nike

看看下面的代码,看看我的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<body>


<div style='width:100%; background:#CCCCCC; padding:0px; margin:0px; margin-bottom:20px; border:1px solid #CCC;'>

<div style='float:left'>
<a href='#' title='CSS TEST'><span style='font-size:30px;'>TEST for CSS DIV</span></a>
</div>

<div style='float:right'>
Stuff on the right
</div>

<div style='clear:both;'></div>

</div>

<table cellspacing='0' cellpadding='2' align='center' width='1200' border='1'>

<tr>

<td> COL1 </td>
<td> COL3 </td>

</tr>

</table>

</body>

</html>

如果在平板电脑上查看,以上内容会将我的 div 从 100% 降低。但在 pc 上工作正常。

如果我删除表格,div 将占 100%

如有任何帮助,我们将不胜感激。

您可以在 http://zeissimages.com/test.html 查看此代码

只有在删除表定义后,它才能在平板电脑上正常工作。

最佳答案

你不是说:

<div style="width:100%">
bla bla bla
</div>

<table style="width:800px;">
..
..
</table>

没有真正的代码就无法提出太多建议......

关于html - 为什么我的 div 被平板电脑上的表格弄乱了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17479074/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com