0

次のコードを見て、私の問題を確認してください。

<!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でライブで見ることができます

ここでも、テーブル定義を削除した場合にのみ、タブレットで正常に動作します。

4

2 に答える 2

0

あなたは意味しません：

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

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

実際のコードなしではあまり提案できません...

于 2013-07-04T23:15:13.430 に答える