考虑以下 HTML ：两个 <div> ，都限制了宽度，各自有一个 <table> 。

<div style="width: 20em; overflow: auto; padding: 2em 0px;">
<table style="border: 1px solid gray; border-collapse: collapse;"><tbody><tr>
	<td style="width: 8em; border: 1px solid;">8em</td>
	<td>1234567890987654321abcdefghijklmnopqrstuvwxyz</td>
</tr></tbody></table>
<div style="width: 20em; overflow: auto; padding: 2em 0px;">
<table style="border: 1px solid gray; border-collapse: collapse;"><tbody><tr>
	<td style="width: 8em;border: 1px solid;">8em</td>
	<td>1234567890</td>
</tr></tbody></table>
两个 table 中都明确设定了第1列的宽度，不同的是，第1个表格因为第2列内容过宽，从而导致父div溢出。

显示如下，问题出现了：为什么父div溢出之后，同样宽度的第1列的宽度在第1个table中为什么无效了？
            
box-sizing属性以及如何使带有padding的元素的width真正做到width: 100% 
            
CSS中 display: inline; 和 display: inline-block; 的区别
            
CSS: 干掉火狐浏览器的按钮的内部虚线框