字圍 、浮動的影響、製做 tab 欄

字圍

　　一個有浮動一個沒浮動就會有字圍的效果

浮動的問題

　　浮動的元素不會撐高父級

清除浮動的影響

　　1.解決父級高度的問題，可是高度不能自適應

　　2.用清除浮動影響屬性： clear，屬性值：left、right、both，可是高度不能自適應

　　3.隔牆法：在互相影響的元素中間加一道牆，組個開兩邊的元素，牆上面添加一個clear屬性，高度自適應了，可是margin失敗

　　4.外牆法：在右浮動元素的父盒子之間隔一道牆。添加兩個類，一個是清除浮動，一個模擬外邊距　　成功！！！

　　　　缺點：每一個浮動的盒子都須要一道牆，形成冗餘沒有意義的標籤

　　5.overflow：hidden

　　　　盒子內部的元素能夠設置溢出模式

　　　　overflow：溢出的意思

　　　　屬性值：hidden，溢出隱藏

　　　　　　　　auto，溢出滾動

　　　　解決了：浮動互相影響，高度自適應，margin 失敗 的問題    沒有缺點

　　　　實際工做中，用overflow來清除浮動　若是遇到大的結構，就加一道外牆

　製做矩形變色的邊框。方法，用兩個盒子來製做，頂部給父盒子設置，左右給子盒子設置

　製做 tab 欄　　

　　沒有被選中的主體部分，須要隱藏，選中的顯示

　　給全部的元素加一個顯示模式隱藏，給要顯示的元素加一個顯示模式塊級

　　display： none;  隱藏元素

　　display： block；顯示元素