塊元素內的表。什麼規則適用

有人可以解釋爲什麼div紅色邊框沒有擴大？塊元素內的表。什麼規則適用

<body style="padding:200px"> 
     <div style="border:1px solid red"> 
      <table> 
       <tr> 
        <input type="text" style="width:1600px"/> 
       </tr>   
      </table> 
     </div> 
<body>

我不想另一種解決方案，我想學什麼CSS框大小由瀏覽器應用的規則。

來源

2013-11-20 user3015362

div與紅色邊框確實展開，但它的寬度受body約束。因爲它沒有指定寬度比身體寬，它不會溢出它。

另一方面input具有比身體寬的指定寬度，所以它溢出。

<body style="padding:200px"> 
     <div style="border:1px solid red"> 
      <table> 
       <tr> 
        <td> 
         <input type="text" style="width:1600px"/> 
        </td> 
       </tr>   
      </table> 
     </div> 
<body>

http://jsfiddle.net/mz8N8/1/

來源

2013-11-20 23:33:25

謝謝你的答案... ...它我的＃2的第一個問題，但我讀過100000答案現在10年。主要的問題是一個Fieldset元素（塊元素）在正文和fieldset我有一個表格網格寬度20多個列和單元格有一個且只有一個文本框。 – user3015362

謝謝你的回答......它是我在Stackoverflow上的第一個問題，但我已經閱讀了10萬年的100000個答案。主要的問題是，有一個Fieldset元素（塊元素）在體內和fieldset我有一個表格網格寬度20多個列和單元格有一個且只有一個文本框。表格的寬度在字段集和字段集之外保持增長（因爲它具有免費顏色）似乎已損壞。我試圖破解字段集 - 像製作顯示：內聯，強制展開和包含所有表，但我想要一個解決方案寬度沒有或覆蓋瀏覽器默認css規則 – user3015362

請發佈相關代碼（在您的問題）和使用[jsfiddle]（http://jsfiddle.net）顯示結果。 –

塊元素內的表。什麼規則適用

回答

相關問題