有人可以解释为什么没有扩展红色边框的div?
<body style="padding:200px">
<div style="border:1px solid red">
<table>
<tr>
<input type="text" style="width:1600px"/>
</tr>
</table>
</div>
<body>
我不想要其他解决方案,我想了解浏览器应用的css框大小规则。
答案 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>