在使用floating的時候，妳會經常遇到壹個很奇怪的事情，就是把float屬性應用到壹個圖片上，但是圖片高於包含圖片的元素，所以圖片溢出到了外面。解決的辦法是清除浮。壹個簡單的解決方法是設置{ overflow:auto；縮放:1；}
內聯塊布局妳可以使用內聯塊布局，但是妳應該註意壹些事情。(1)vertical-align屬性將影響inline-block元素，您可以將其值設置為top；(2)需要設置每列的寬度；(3)如果HTML源代碼中的元素之間有空格，那麽列之間就會有空隙。
有兩個重要的盒子模型，ie盒子模型和w3c盒子模型。W3c box model是標準的box model，包括邊距、邊框、填充、內容，內容部分不包括其他。ie box模型的範圍包括邊距、邊框、填充和內容，但是IE box模型的內容部分包括邊框和填充。
box-sizingbox-sizing的css屬性用於更改默認的css框模型並計算元素的寬度和高度。可以用來模擬瀏覽器的行為，不正確的支持CSS模型。框尺寸屬性的默認值是content-box，測量的寬度和高度屬性只包括內容，不包括邊框、填充、邊距；保證金；padding-box的寬度和高度屬性包括內容和填充的大小，不包括邊框和邊距；；border-box的寬度和高度屬性包括填充和邊框，但不包括邊距。
Position有四個屬性值:static？相對？絕對固定的.Static是position屬性的默認值，即按照單據流轉的順序排列；相對將根據頂部、右側、底部和左側的值進行偏移。如果沒有設置relative屬性，元素的位置將與正常的文檔流壹致。Absolute是根據元素的父對象(父元素、祖父元素、曾祖父元素等)設置的位置屬性。)，只要不是靜態的，元素都是定位的；固定屬性始終以正文為定位對象，根據瀏覽器窗口進行定位。即使拖動滾動條，它的位置也不會改變。類似背景-附件:固定。