javascript - 我这个页面的main的盒模型为什么把header的模型空间也包括了。

Question

雷雷

##

Answer 1

并不是包含。

你的header设置了navbar-fixed-top，在bootstrap中，这个会使用position:fixed，导致header脱离常规流。

根据堆叠上下文规则，已定位的盒在流内非定位的盒之上，所以你看起来是被他包含了。

通常这种情况，你可以使用margin-top或者是padding-top之类的，来防止被遮挡。