在標準css中，width（寬度）僅是包含容器內容的寬度，容器實際所占用的寬度還應加上padding（填充）和border（邊框）。（高度也相類似）
容器占用寬度 = width + padding + border
firefox瀏覽器嚴格遵循這一定義，但在ie瀏覽器上width卻是指容器實際所占用的寬度，這就使得在同樣css寬度下，ie瀏覽器上的容器占用寬度會顯得小一些，這就給頁面排版帶來極大不便。
因此，在對寬度要求嚴格的地方，為了相容ie瀏覽器，我們在設定width時應避免同時設定padding。而為了達到設定padding的目的，我們可以在內部巢狀乙個容器，再單獨設定padding：
測試
CSS控制的內容超過容器寬度後顯示省略號
text overflow ellipsis屬性在ff中是沒有效果的。同時應用 text overflow ellipsis white space nowrap overflow hidden 實現了所想要得到的溢位文字顯示省略號效果 text overflow是乙個比較特殊的屬性，在css手冊中...
CSS 寬度與高度
高度與字型 內聯元素 空格 內聯元素之間 no break space 兩個inline元素之間有任何回車，tab，換行或其他任意字元，都會變成空格。因而導航欄li元素橫排不要使用inline block方法，用float 清除浮動。中文的對齊方式技巧 文字垂直居中 用line height加pad...
CSS寬度高度 定位
通過設定display的屬性值 inline block inline block 修改元素的型別 1.1 行內元素 行內元素對應的框叫做行內框，行內框在一行中水平分布，水平外邊距 margin left right 水平內邊距 padding left right 都有效 垂直外邊距 margin...