css 為定位和浮動提供了一些屬性。
定位的基本思想，允許你定義元素框相對於其正常位置應該出現的位置，或者相對于父元素、另乙個元素甚至瀏覽器視窗本身。
css1 中首次提出了浮動。
div、h1 或 p 元素被稱為塊級元素。
span 和 strong 等元素稱為「行內元素」，因為它們的內容顯示在行中。
可以使用 display 屬性改變生成的框的型別。
通過將 display 屬性設定為 block，可以讓行內元素（比如 元素）表現得像塊級元素一樣。
通過把 display 設定為 none，讓生成的元素根本沒有框，該框及其所有內容就不再顯示，不占用文件中的空間。
無名塊框
在一種情況下，即使沒有進行顯式定義，也會建立塊級元素。
這種情況發生在把一些文字新增到乙個塊級元素（比如 div）的開頭。
如下，即使沒有把這些文字定義為段落，它也會被當作段落對待：
some text
some more text.
css 有三種基本的定位機制：普通流、浮動和絕對定位。
除非專門指定，否則所有框都在普通流中定位。
兩列布局是一側固定，另一側自適應。一般乙個浮動，另乙個設定margin，或者乙個絕對定位，另乙個設定margin。
三列布局特點是其中兩列寬度固定，剩下乙個自適應，方法是兩個浮動自適應那個設定margin，比如左右固定，中間自適應可以左右分別設定float為left，right，然後中間那個設定margin left right分別為左右兩欄寬度。
聖杯布局
特點是有個頭部底部，中間是主要內容區，主要內容區又分成左中右三塊，其中中間是最主要內容區，思路是朝乙個方向浮動，再用負margin把擠下去的兩側給拉上來再設定相對定位，為了避免中間裡面內容被拉上來的擋住再對中間內容設定padding。
左列定寬，右列自適應
該布局方式非常常見，適用於定寬的一側常為導航，自適應的一側為內容的布局
css要點總結
css總結 1.box sizing content box border box content box 設定的寬度，高度為content的 border box 設定的寬度，高度為content padding border div 2.dpi scale 1.0 此問題時同學遇到的sublim...
CSS相容IE Firefox要點總結
首先我們說說firefox和ie對css的寬度顯示有什麼不同 其實css width 指的是標準css中所指的width的寬度，在firefox中的寬度就是這個寬度。它只包含容器中內容的寬度。而internet explorer width 則是指整個容器的寬度，包括內容，padding borde...
CSS要點札記
css cascading style sheet 層疊樣式表 控制布局和顯示效果。1 行內樣式 直接寫在標籤裡面，使用style屬性提供的樣式 style屬性的語法 style 樣式名字1 值1 樣式2.樣式名字n 值n 示例 1 層的樣式 這是乙個文字 2 字型的樣式 這是乙個文字 2 內嵌樣式...