发表于： 2018-08-29 12:12:34
1 647
今天完成的事情：
完成了任务3的
明天计划的事情：
继续做CSS 的任务
遇到的问题：
左右布局的问题
收获：
左右布局：
方法1：
可以采用float属性，其中一个设置为left，另一个设置为right
但是采用这种方法的话，其父元素会发生高度塌陷的问题，此时需要清除浮动
清除浮动的方法：
1. 在浮动元素的后面添加一个div, 设置其CSS的clear：both 即可。
2. 使用伪类清除浮动，
在父元素中添加伪类
.parent::after {
content: '';
display: block;
clear: both;
overflow: hidden;
}
就好了
方法2：
采用flex布局，父元素中设置display:flex; justify-content属性为space-between即可。
返回列表
评论