感觉overflow：hidden；很厉害的样子，可以解决很多问题，就来总结一下overflow：hidden；的 用法吧一. overflow:hidden  溢出隐藏
给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。
二. overflow:hidden  清除浮动
一般而言，父级元素不设置高度时，高度由随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0。那么问题来了，由于父级元素没有高度，下面的元素会顶上去，造成页面的塌陷。因此，需要给父级加个overflow:hidden属性，这样父级的高度就随子级容器及子级内容的高度而自适应。
三. overflow:hidden  解决外边距塌陷
父级元素内部有子元素，如果给子元素添加margin-top样式，那么父级元素也会跟着下来，造成外边距塌陷，要想解决这个问题，给父级元素添加overflow:hidden，就可以了。
在网页布局中，感觉定位操作起来很方便，也总结一下定位的相关知识吧
定位主要分为相对定位、绝对定位和固定定位。
相对定位是相对于自己为参照物进行位移，仍会占有原来的位置不会改变盒子的显示模式的；

绝对定位的参照物默认以父级为主，如果父级没有定位，就一层一层往上找，如果找不到定位的祖先盒子就以浏览器为参照；不会占有原来的位置，但是会改变盒子的特性，将盒子的显示模式转化成具有行内块元素的特性。

固定定位参照物是电脑屏幕（可视窗口），和父级没有任何关系，和绝对定位一样，不会占有原来的位置，但是会改变盒子的特性，将盒子的显示模式转化成具有行内块元素的特性。

布局的时候我们一般是上下布局，如果上边的盒子用了绝对定位就会脱离文档流，就会影响下面的布局，所以我们用子绝父相，用了相对定位父级原来的位置是不会改变的；

子级绝对，父级相对，父级盒子定位了，但是依然占位，不会影响其他盒子的布局；

如果盒子有嵌套关系，给子级添加了margin-top就会出现外边距塌陷，但是如果用了浮动或者绝对定位和固定定位，就不会出现这样的问题；

感觉overflow：hidden；很厉害的样子，可以解决很多问题，就来总结一下overflow：hidden；的 用法吧一. overflow:hidden  溢出隐藏
给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。
二. overflow:hidden  清除浮动
一般而言，父级元素不设置高度时，高度由随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0。那么问题来了，由于父级元素没有高度，下面的元素会顶上去，造成页面的塌陷。因此，需要给父级加个overflow:hidden属性，这样父级的高度就随子级容器及子级内容的高度而自适应。
三. overflow:hidden  解决外边距塌陷
父级元素内部有子元素，如果给子元素添加margin-top样式，那么父级元素也会跟着下来，造成外边距塌陷，要想解决这个问题，给父级元素添加overflow:hidden，就可以了。
在网页布局中，感觉定位操作起来很方便，也总结一下定位的相关知识吧
定位主要分为相对定位、绝对定位和固定定位。
相对定位是相对于自己为参照物进行位移，仍会占有原来的位置不会改变盒子的显示模式的；

绝对定位的参照物默认以父级为主，如果父级没有定位，就一层一层往上找，如果找不到定位的祖先盒子就以浏览器为参照；不会占有原来的位置，但是会改变盒子的特性，将盒子的显示模式转化成具有行内块元素的特性。

固定定位参照物是电脑屏幕（可视窗口），和父级没有任何关系，和绝对定位一样，不会占有原来的位置，但是会改变盒子的特性，将盒子的显示模式转化成具有行内块元素的特性。

布局的时候我们一般是上下布局，如果上边的盒子用了绝对定位就会脱离文档流，就会影响下面的布局，所以我们用子绝父相，用了相对定位父级原来的位置是不会改变的；

子级绝对，父级相对，父级盒子定位了，但是依然占位，不会影响其他盒子的布局；

如果盒子有嵌套关系，给子级添加了margin-top就会出现外边距塌陷，但是如果用了浮动或者绝对定位和固定定位，就不会出现这样的问题；