摘要: 所谓的文档流,就好比如一块块的正方形组成的一个整体,而这些正方形就代表着每个div。当某个div脱离了这个整体,也就代表他脱离了文档流。然后下一个div就会来填补脱离的div的位置。下面是流程图。 有四个小朋友在买小卖部排队买糖吃~ 第一个买完了糖的小朋友脱离了排队的队伍开心的吃糖去。 后面的小朋友 阅读全文
posted @ 2021-09-12 23:59 ju-ruo 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 如果想把div放在最上层 ,可以设置绝对定位(脱离文档流)和控制div放在最上层 z -index:auto auto可设置一个值,越大袋面越置前,若定义为-1,代表为最底层。div图层的style中的z-index决定。 如下设置可基本解决问题。 position:absolute; z-inde 阅读全文
posted @ 2021-09-12 23:56 ju-ruo 阅读(162) 评论(0) 推荐(0) 编辑
摘要: Flex入门基础,flex布局,容器container的属性 1、flex布局如何实现完美居中效果,对于实现完美居中效果来说,可以实现的方法很多大概有三四种,其中flex是其中可行性较高的解决方案。 .container{ width:200px; height:200px; background: 阅读全文
posted @ 2021-09-12 23:52 ju-ruo 阅读(322) 评论(0) 推荐(0) 编辑