css - 在`上折叠`margin``标签

Question

有人能看出为什么margin-bottom图例标签上的标签会崩溃吗？谢谢。我通常不会发布像这样愚蠢的 CSS 错误，但这是一个例外：P

http://jsfiddle.net/pickledegg/XtR53/2/

Answer 1

legend+label {
    margin-top:50px;
    -webkit-margin-top-collapse: separate;
}

你需要margin-bottom从legend.

我认为这是一个已知的 WebKit 错误。

这是一个修改过的小提琴：http: //jsfiddle.net/yRQDW/1/

Answer 2

margin-bottom:50px;在legendCSS 中删除。