個人前端知識體系-css(盒模型篇上)

1.元素的寬高是由什麼定義的：

css定義元素的寬是由左內邊界到右內邊界的距離；高則是由上內邊界到下內邊界的距；

2.元素的寬和高不能夠做用在什麼元素上：

不能夠做用在行內非替換元素上；

3.關於盒模型，個人理解：

只有IE6，7對於盒模型有兩種解析方式：分別是標準模式和怪異（quirks）模式； 對於box-sizing 屬性，我認爲是定義了元素的寬高的解析方式（在哪一個盒子上解析）； 並非向ie6那樣有怪異模式；因此我認爲box-sizing在嚴格意義上不能叫作把普通盒子變成怪異盒子（我的想法，可能有些偏激QAQ）

4.margin能夠設置屬性爲固定值和百分數值，固定值能夠設置爲不一樣的單位； 百分比是按照父級元素的寬度爲標準的（正常文檔流不考慮定位）；

5.爲何margin的屬性值要以父元素的寬度爲標準：

由於在正常文檔流下，父級元素應該把子元素包裹起來；若是magin的百分值按照父元素高度解析，則會陷入一個無限循環的狀態！

6.magin 能夠爲負值，這會使子元素超過父元素；或者與其餘元素重疊；

7.什麼是magin合併怎麼清除，怎麼清除比較好： 在父級元素沒有沒有阻攔的狀況下，子元素的magin會致使子元素框超過父元素； 解決方法：給父元素加padding border ;或者讓父元素生成bfc;我以爲認爲加padding 比較方便！

8.給行內非替換元素設置magin水平方向 爲負值可讓其和其餘元素重疊；