为什么表重叠父div元素的边界？

Question

在以下示例中 - http://jsfiddle.net/v4CdY/2/表格跨越父div元素的底部边框。当表具有align =“left”属性时会发生这种情况。如果删除此属性，表将正确嵌套在div元素内。为什么呢？

<div style="border: 1px solid; padding: 8px 16px;">
  <table align="left" border="1" cellpadding="1" cellspacing="1" style="border-collapse: collapse;">

Answer 1

这是因为默认情况下align="left"会向表中添加float: left;，如果您向表中添加float: none;或使用table { text-align: left; }而不是align属性你没有这样的问题......

JSFiddle Demo