发表于: 2018-08-29 12:12:34

1 648


今天完成的事情:

完成了任务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即可。


返回列表 返回列表
评论

    分享到