元素排列隐藏补充
- visibiliey:none;(隐藏，页面上隐藏和不占空间)
- visibiliey:visible;(默认值，可见)
- visibiliey:hidden;(隐藏元素，还占空间)
- 高度设置为0; (缺点:内容还在,但是可以利用溢出隐藏给隐藏掉)
- 设置透明度;opacity:0~1(缺点:隐藏掉了，但还占空间)
BFC(块级格式化环境)
BFC解决的问题:
1.浮动问题。
2.高度塌陷问题。
3.外边距重叠问题。
解决方法：1.通过伪元素的方法;
2.给父元素设置浮动,(缺点:影响父元素以外的其他元素布局)
3.给父元素转换成行内块元素,(缺点：影响布局，宽高丢失)
4.给父元素的overflow设置为非visible(缺点:会占用属性)
水平排列的方法
一:1.把想要排列的元素浮动起来；2.使用伪元素解决父元素塌陷问题;3.手动计算宽度;4.使用margin: 0 auto;居中
二:1.把需要排列的元素浮动起来;2.转换成行内块元素,解决父元素塌陷问题3.给转换成行内块的父元素设置字体居中。
浮动
写在想要浮动的元素上。
会脱离文档流。
宽度丢失。
会对后面的元素造成影响。
父元素塌陷。
