块元素内的表。适用的规则

时间:2013-11-20 23:28:27

标签: css

有人可以解释为什么没有扩展红色边框的div?

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

我不想要其他解决方案,我想了解浏览器应用的css框大小规则。

1 个答案:

答案 0 :(得分:2)

红色边框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/