標準盒模型中width指的是內容content的寬度，height指的是內容區域content的高度標準盒模型下盒子的大小 = content + border + padding + margin怪異盒模型中的width指的是內容、邊框、內邊距總的寬度(content + border + padding)；height指的是內容、邊框、內邊距總的高度怪異盒模型下盒子的大小=width(content + border + padding) + margin如果doctype協議缺失，會由瀏覽器自己界定，在ie瀏覽器中ie9以下(ie6.ie7.ie8)的版本觸發怪異模式，其他瀏覽器中會預設為w3c標準模式。
除此之外，我們還可以通過屬性box-sizing來設定盒子模型的解析模式
1.box-sizing:content-box
預設值，border和padding不算到width範圍內，可以理解為是w3c的標準模型(default)2.box-sizing:border-box
border和padding劃歸到width範圍內，可以理解為是ie的怪異盒模型3..box-sizing:padding-box
將padding算入width範圍注意：只有普通文件流中塊框的垂直外邊距才會發生外邊距合併。行內框、浮動框或絕對定位之間的外邊距不會合併。margin越界問題：
當父元素沒有邊框border時，設定第乙個子元素的margin-top值的時候，會出現margin-top值加在父元素上的現象，解決方法父元素加前置內容生成。(推薦).parent : beforecss畫三角形,梯形
div>div>/* width =0 時為三角形，width！=0時是梯形 */ .tans .swestyle>
.********css 修改三角形大小 css實現三角形
最近的乙個專案頁面中，有很多三角形icon，在不考慮ie相容性下，使用了css實現三角形，記錄一下 1 實心三角形，利用transparent實現 1 設定線條寬50px，div 寬高0 width 0px height 0px border right 100px solid red border...
css 修改三角形大小 CSS繪製三角形原理及應用
在從 psd 到 html 頁面的過程中，免不了要遇到乙個問題 這個小圖示，可以用 css 效果實現，也可以切圖下來，到底該怎麼選擇呢？在此我個人的選擇一般都是，用 css 實現，當然切圖然後實現也是聰明人的辦法，但是我覺得學好乙個技術最關鍵的不是學習，而是使用。學了不用都是假把式。學了 css 有...
css繪製向左三角形 CSS繪製三角形
1.繪製乙個外邊框 div 2.重定義外邊框樣式 當外邊框有了寬度，不知大家是否想乙個問題，相鄰的線條邊界在哪，下面通過把外邊框相鄰側邊設定不同顏色來觀察 使用下面的語句替換上面的border定義 border bottom 50px solid 555555 border top 50px sol...