发表于: 2021-03-03 19:49:27
1 1028
今天完成的事情:完成了任务十五
明天计划的事情:回顾CSS的任务内容,写出总结,开始JS
收获:
描述一个你在实际使用中有用过什么比较好的布局方式(不拘泥于页面整体布局,页面中某一小版块也行),深入讲解下其中的原理?
1.手机导航栏布局
使用Flex布局
常见的手机顶部都是左上角一个跳转按钮,右上角一个跳转按钮,中间一个标题
可以使用flex布局,使用justify-content属性,设置为space-between,并给父元素设置适当的padding
2.左右布局,左边定宽
常见用在左侧导航栏,给左侧设置float:left;右边的元素会包裹住左侧元素
可以把左侧元素设置为BFC元素,使它变成一个独立的区域,外边的元素影响不到里面的元素
评论