|
在CSS標(biāo)準(zhǔn)中，一個盒模型包括4個區(qū)，分別是：內(nèi)容、內(nèi)邊距（padding）、邊框（border）和外邊距（margin）。而Width寬度的計算，CSS有它的標(biāo)準(zhǔn)。但是實(shí)際上，不同的瀏覽器的表現(xiàn)卻不同。比如： Firefox（FF）是準(zhǔn)確按照CSS標(biāo)準(zhǔn)：說width為內(nèi)容的寬度，也就是 層的寬度 = width + padding(left and right) + border-width； IE則把width作為整個層的寬
度： 內(nèi)容的寬度 = width - padding - border-width； 例1:
#wrapper { padding: 5px; border-width: 2px; } #content { margin: 0px; width: 400px; } <div id="wrapper"> <div id="content"> …… </div> </div> 例2： <div style="width:10px;float:left;"> <div style="padding:10px;float:left;"></div> </div>
|
|
|
