8.22易科

总结

高度坍塌解决办法:

1.给定父元素的高度,就可以避免高度坍塌的问题,但父元素就不能自适应子元素的高度了。

2.通过after伪类向元素的最后添加一个空白的块元素,然后对其清楚浮动。

3.在高度坍塌的父元素最后添加一个空白的div,由于添加的div并没有并没有浮动,并清除浮动,它可以撑开父元素的高度。

4.给父元素设置浮动。

5.为父元素设置overflow属性取值auto。

6.给父元素设置display:table

元素居中方法
隐藏元素的方法
清除浮动

什么是浮动:普通流定位(文档流定位),是页面的元素默认的定位方式。页面中的块级元素:按照从上到下的方式逐个排列;页面中的行内元素:按照从左到右的方式逐个排列。而浮动定位可以让多个块元素在一行内排列。

浮动定位:float,脱离文档流的定位

手写响应式
flex布局
定位(float,相对定位+绝对定位+默认流)
栅格布局

评论