因為只有塊元素才會有物理屬性,在css世界裡邊,有三種形態的東西,1. 塊元素。 特性:有物理屬性,width,height寫值起作用,而且要占據一行。2. 內聯元素。 特性:沒有物理屬性。但是margin,padding值有用。不占據一行,後邊可以有兄弟元素。3. 即是塊又是內聯,根據兄弟兄弟元素 ...
因為只有塊元素才會有物理屬性,在css世界裡邊,有三種形態的東西,
1. 塊元素。 特性:有物理屬性,width,height寫值起作用,而且要占據一行。
2. 內聯元素。 特性:沒有物理屬性。但是margin,padding值有用。不占據一行,後邊可以有兄弟元素。
3. 即是塊又是內聯,根據兄弟兄弟元素決定。
為什麼是float之後才會有物理屬性,這就是塊與內聯元素相互轉化的問題。
塊元素 -> 內聯元素: display:inline;
內聯元素 -> 塊元素: display:block;
float就是隱性的把內聯元素轉化為塊元素,這是對內部的特性就是有物理特性,但是他不占據一行。對外是內聯元素的屬性。他有個壞處就是會影響兄弟元素。相當於:display:inline-block;
那為什麼不直接display:inline-block;因為這個玩藝在ie6下有幾個px的bug。
轉載自:https://blog.csdn.net/u012698342/article/details/57419605