摘要：所谓的文档流，就好比如一块块的正方形组成的一个整体，而这些正方形就代表着每个div。当某个div脱离了这个整体，也就代表他脱离了文档流。然后下一个div就会来填补脱离的div的位置。下面是流程图。 有四个小朋友在买小卖部排队买糖吃~ 第一个买完了糖的小朋友脱离了排队的队伍开心的吃糖去。 后面的小朋友 阅读全文

摘要：如果想把div放在最上层 ，可以设置绝对定位（脱离文档流）和控制div放在最上层 z -index：auto auto可设置一个值，越大袋面越置前，若定义为-1，代表为最底层。div图层的style中的z-index决定。 如下设置可基本解决问题。 position：absolute; z-inde 阅读全文

摘要：Flex入门基础，flex布局，容器container的属性 1、flex布局如何实现完美居中效果，对于实现完美居中效果来说，可以实现的方法很多大概有三四种，其中flex是其中可行性较高的解决方案。 .container{ width:200px; height:200px; background: 阅读全文

摘要：flex布局（官方） flex布局（官方） 本内容来源于菜鸟教程，主要得目的是进行阅读，在理解时不偏离布局解决方案的本意 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常 阅读全文

摘要：CSS样式实战 1、position，dispaly，float属性对比 float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素 CSS 阅读全文