爲什麼表格會重疊父div元素的邊框？

在下面的示例中 - http://jsfiddle.net/v4CdY/2/表跨越父div元素的底部邊界。當表具有align =「left」屬性時會發生這種情況。如果你刪除了這個屬性，表格將正確地嵌套在div元素中。爲什麼？爲什麼表格會重疊父div元素的邊框？

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

來源

2013-07-16 user2589161

請注意，在我希望您使用的html5中，align屬性（等等）已過時http://www.w3.org/TR/html-markup/table.html您應該只使用CSS進行樣式設計，這就是CSS的用途... – Pevara

此表並對齊attribut e由CKEditor創建。不管怎麼說，還是要謝謝你。 – user2589161

這是因爲在默認情況下align="left"增加float: left;表中，如果添加float: none;表或使用table { text-align: left; }代替align屬性你有沒有這樣的問題...

JSFiddle Demo

來源

2013-07-16 22:21:17 DarkAjax

或者你可以只是clearfix父母的div ... – Pevara

@PeterVR不錯，我從來沒有想過那... – DarkAjax

爲什麼表格會重疊父div元素的邊框？

回答

相關問題