爲什麼我的html不顯示第三列

我必須在第一行的第三列顯示組合框。我當前的HTML代碼有第一行包含3列。在第一列中有一個圖像，第二列中有一個文本，在第三列中，我再次有一個表格，其中包含2列，一列包含文本，另一列包含組合框。所以這是關於第一行，現在在第二行，我只有1列，它呈現一個列跨度谷歌地圖。爲什麼我的html不顯示第三列

我有兩個問題，現在：

第一行的第三列在給定的尺寸不顯示（我不知道爲什麼？）爲什麼只顯示2列只？如何使所有3列顯示在第一行。
如何在Javascript中選擇更改該組合的事件？

我的代碼要做到這一點：

<body style="overflow:hidden;"> 
    <table border="1" style="width:100%"> 
     <tr> 
      <td style="width:30%;max-width:30%;"> 
       <img src="Image.jpg" alt="Mountain View" style="width:100px;height:50px"> 
      </td> 
      <td style="width:30%; max-width:30%;"> 
       <h2> List1 </h2> 
      </td> 
      <td style="width:30%; max-width:30%; "> 
       <table border="1"> 
        <tr> 
         <td> 
          <h2>List2: </h2> 
         </td> 
         <td> 
          <select name="example"> 
           <option value="A">A</option> 
           <option value="B">A</option> 
          </select> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2"> 
       <div id="mapCanvas"></div> 
      </td> 
     </tr> 
    </table> 
</body>

如何解決這兩個問題？

來源

2015-03-25 kalho

我無法理解你的問題。因爲第三列在我的瀏覽器中正確顯示。可能是你可以刪除'overflow：hidden'來檢查是否是這個問題。對於第二個問題，你可以添加'