Flex布局【弹性布局】学习

Flex布局【弹性布局】学习

 

先让我们看看在原来的学习中遇到的问题

之前在软件工程的大作业中,自己从零开始学习如何开发一个网站,从页面,到后台,当然数据库是大二的必修课

在学习如何编写一个静态页面的时候,完全是自学,自己摸索,所以遇到了很多问题,自己花费了太多时间去解决问题,今天就拿其中一个比较让我头疼的问题来引出今天的话题


当时在初识html、css的时候,遇到了水平排放的问题,当然这个一下子就查出来了,使用 float ,但是使用了 float 会使子元素脱离父元素的布局,父元素的高度会变成 0 ,从而根本展示不出来

这个问题我当时是意识不到的,只能发现“卧槽,父元素咋就不见了呢

然后知道了要用 clear 清除浮动具体解决过程如下:

1.一开始只能垂直排放

Flex布局【弹性布局】学习 Flex布局【弹性布局】学习

来源:swallowblank

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2018年1月16日
下一篇 2018年1月16日

相关推荐