1

在以下示例中 - 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;">
4

1 回答 1

1

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

JSFiddle Demo

于 2013-07-16T22:21:17.737 回答