盒子居中：margin:0 auto;
浮動元素脫離了標準文件流
d1盒子脫離了標準文件流，d2盒子因此成為了標準文件流第乙個，位於頁面左上方，d1盒子浮動在d2上.d1.d2
span為行內元素，脫離了標準文件流，未設定display:block也能設定寬高
span
你好你好
如果空間足夠，則3貼著d2，不夠則貼著d1
。3若比2寬，頁面寬度夠2不夠3排列時，3會去貼左側邊緣
浮動的元素有「字圍效果」
浮動的元素能擋住盒子，但擋不住盒子裡的文字，文字會圍繞浮動元素
.d1.d2
123我愛你
浮動的收縮
乙個浮動的元素如果沒設定width,那麼寬度自動收縮為文字的寬度
父子盒模型
如果父盒子的width小於子所有盒子的width與padding之和，那麼從超過的第乙個子盒子將另起一行排列。
CSS脫離文件流 浮動
什麼是文件流？將窗體從上至下分成一行一行，並在每行中按從左至右依次排放元素，稱為文件流，也稱為普通流。這個應該不難理解，html中全部元素都是盒模型，盒模型占用一定的空間，依次排放在html中，形成了文件流。什麼是脫離文件流？元素脫離文件流之後，將不再在文件流中佔據空間，而是處於浮動狀態 可以理解為...
標準文件流 浮動
定義 內容從左到右，從上到下書寫的。前面的內容大小或者位置發生變化時，後面的內容位置也會隨之變化。web頁面，就是乙個標準的文件流。內容跟咱們的書寫順序有關。1 空白摺疊現象 無論多少個空格，tab，換行都會摺疊為乙個空格。張老師 真帥 2 高矮不同，底部對齊 妖怪我要你助我修行 3 一行寫滿，自動...
CSS浮動框是否脫離文件流
css浮動框是否脫離文件流?block元素變成內聯 inline 元素有兩種方法 一 display inline 不過內聯元素不能設定寬和高，所以這種方法用的比較少 二 運用浮動屬性float left float right float none 預設值，元素不浮動，並會顯示在其在文字中出現的位...