display

我們不能為行內(nèi)元素設(shè)置width、height、 margin-top和margin-bottom。

我們可以通過修改display來修改元素的性 質(zhì)。

可選值：

block：設(shè)置元素為塊元素

inline：設(shè)置元素為行內(nèi)元素

inline-block：設(shè)置元素為行內(nèi)塊元素

none：隱藏元素（元素將在頁面中完全消失）

visibility

visibility屬性主要用于元素是否可見。

和display不同，使用visibility隱藏一個元 素，隱藏后其在文檔中所占的位置會依然 保持，不會被其他元素覆蓋。

可選值：

visible：可見的

hidden：隱藏的

overflow

當(dāng)相關(guān)標(biāo)簽里面的內(nèi)容超出了樣式的寬度 和高度是，就會發(fā)生一些奇怪的事情，瀏 覽器會讓內(nèi)容溢出盒子。

可以通過overflow來控制內(nèi)容溢出的情況。

可選值：

visible：默認(rèn)值

scroll：添加滾動條

auto：根據(jù)需要添加滾動條

hidden：隱藏超出盒子的內(nèi)容

文檔流

文檔流指的是文檔中可現(xiàn)實的對象在排列時所占用的位置。

將窗體自上而下分成一行行，并在每行中按從左至右的順序排 放元素，即為文檔流。

也就是說在文檔流中元素默認(rèn)會緊貼到上一個元素的右邊，如 果右邊不足以放下元素，元素則會另起一行，在新的一行中繼 續(xù)從左至右擺放。

這樣一來每一個塊元素都會另起一行，那么我們?nèi)绻朐谖臋n 流中進(jìn)行布局就會變得比較麻煩。

浮動

所謂浮動指的是使元素脫離原來的文本流，在父元素中浮動起來。

浮動使用float屬性。

可選值：

none：不浮動

left：向左浮動

right：向右浮動

塊級元素和行內(nèi)元素都可以浮動，當(dāng)一個行內(nèi)元素浮動以后將會自動變?yōu)橐?個塊級元素。

當(dāng)一個塊級元素浮動以后，寬度會默認(rèn)被內(nèi)容撐開，所以當(dāng)漂浮一個塊級元 素時我們都會為其指定一個寬度。

當(dāng)一個元素浮動以后，其下方的元素會上移。元素中的內(nèi)容將會圍繞 在元素的周圍。

浮動會使元素完全脫離文本流，也就是不再在文檔中在占用位置。

元素設(shè)置浮動以后，會一直向上漂浮直到遇到父元素的邊界或者其他 浮動元素。

元素浮動以后即完全脫離文檔流，這時不會再影響父元素的高度。也 就是浮動元素不會撐開父元素。

浮動元素默認(rèn)會變?yōu)閴K元素，即使設(shè)置display:inline以后其依然是個 塊元素。