子节点的margin溢出问题

我们知道,css margin是会合并的,有时会导致一些布局问题。

事实上margin还有存在一个溢出的问题: 当其父节点没设置宽高的时候,子节点的margin超出父节点而存在,会导致父节点的left/top产生了偏移,导致position:absolute的节点定位不准确。

我们先看下面这个例子:

more

<!DOCTYPE html>

<html>

<head>

<title>Margin Overflow Test</title>

<meta http-equiv="Content-ty......