字围 、浮动的影响、制做 tab 栏

字围

　　一个有浮动一个没浮动就会有字围的效果

浮动的问题

　　浮动的元素不会撑高父级

清除浮动的影响

　　1.解决父级高度的问题，可是高度不能自适应

　　2.用清除浮动影响属性： clear，属性值：left、right、both，可是高度不能自适应

　　3.隔墙法：在互相影响的元素中间加一道墙，组个开两边的元素，墙上面添加一个clear属性，高度自适应了，可是margin失败

　　4.外墙法：在右浮动元素的父盒子之间隔一道墙。添加两个类，一个是清除浮动，一个模拟外边距　　成功！！！

　　　　缺点：每一个浮动的盒子都须要一道墙，形成冗余没有意义的标签

　　5.overflow：hidden

　　　　盒子内部的元素能够设置溢出模式

　　　　overflow：溢出的意思

　　　　属性值：hidden，溢出隐藏

　　　　　　　　auto，溢出滚动

　　　　解决了：浮动互相影响，高度自适应，margin 失败 的问题    没有缺点

　　　　实际工做中，用overflow来清除浮动　若是遇到大的结构，就加一道外墙

　制做矩形变色的边框。方法，用两个盒子来制做，顶部给父盒子设置，左右给子盒子设置

　制做 tab 栏　　

　　没有被选中的主体部分，须要隐藏，选中的显示

　　给全部的元素加一个显示模式隐藏，给要显示的元素加一个显示模式块级

　　display： none;  隐藏元素

　　display： block；显示元素