demo如下https://jsfiddle.net/y4okbek1/44/
header为什么没有定位到div2的上部，反而定位在div4的上部？
这里header已经定位到了div2的上部，只不过div2跟随div4有了margin-top:30px的效果而已。
详细原理及解决方法参照：http://.com/q/1010000000366724
bfc.. 给div2加上overflow:hidden或者display:table-cell再或者边框都行.
demo如下https://jsfiddle.net/y4okbek1/44/
header为什么没有定位到div2的上部，反而定位在div4的上部？
这里header已经定位到了div2的上部，只不过div2跟随div4有了margin-top:30px的效果而已。
详细原理及解决方法参照：http://.com/q/1010000000366724
bfc.. 给div2加上overflow:hidden或者display:table-cell再或者边框都行.