发表于: 2021-03-03 19:49:27

1 1028


今天完成的事情:完成了任务十五

明天计划的事情:回顾CSS的任务内容,写出总结,开始JS

收获:

描述一个你在实际使用中有用过什么比较好的布局方式(不拘泥于页面整体布局,页面中某一小版块也行),深入讲解下其中的原理?

1.手机导航栏布局

使用Flex布局 

常见的手机顶部都是左上角一个跳转按钮,右上角一个跳转按钮,中间一个标题

可以使用flex布局,使用justify-content属性,设置为space-between,并给父元素设置适当的padding


2.左右布局,左边定宽

常见用在左侧导航栏,给左侧设置float:left;右边的元素会包裹住左侧元素

可以把左侧元素设置为BFC元素,使它变成一个独立的区域,外边的元素影响不到里面的元素




返回列表 返回列表
评论

    分享到