前端基礎知識---CSS

1.盒模型寬度計算
答：IE瀏覽器默認盒模型爲border-box，其餘瀏覽器默認盒模型爲content-box。元素的實際模型寬度和高度爲offsetWidth和offsetHeight。border-box的offsetWidth = width，
content-box的offsetWidth = width + padding + border。
2.margin縱向重合問題
答：縱向排列的元素的margin-top和margin-bottom會重合，重合以後的值取其中的最大值。
解決方法：設置值時，僅設置margin-top或者margin-bottom；使用padding。
3.父子元素中子元素設置margin-top,父元素會往下掉對應margin-top的值的問題
答：⑴.給父元素添一個大兒子，這個大兒子必須table。

<div class="d2">       
     <table></table>     <!-- 這裏多了頁面結構也不太好 -->
     <div class="d3">  
</div>

⑵使用CSS3僞元素::before給父元素添加內容

.d2::before{
     content:"";
     display:table;
}

4.margin負值問題
答：在默認定位的元素中設置margin-top和margin-left負值，元素向上，向左移動；設置margin-right負值，同級右側元素向左移動，自身不受影響；設置margin-bottom負值，同級下方元素向上移動，自身不受影響。
在絕對定位的元素中設置top爲0和margin-top爲負值，元素向上移動；設置bottom爲0和margin-bottom爲負值，元素向下移動；設置left爲0和margin-left爲負值，元素向左移動；設置right爲0和margin-right爲負值，元素向右移動；