javascript - 我這個頁面的main的盒子模型為什麼把header的模型空間也包括了。

Question

雷雷

##

Answer 1

並不是包含。

你的header設定了navbar-fixed-top，在bootstrap中，這個會使用position:fixed，導致header脫離常規流。

根據堆疊上下文規則，已定位的盒子在流內非定位的盒子之上，所以你看起來是被他包含了。

通常這種情況，你可以使用margin-top或是padding-top之類的，來防止被遮擋。