随笔分类 -  《CSS的天空》

摘要:--前端派--练功房-关于Flex布局的demo小练习-- Flex实例练习小demo——骰子 <div class="box one"> <div class="inbox oneSon red"></div> </div> <div class="box two"> <div class="in 阅读全文
posted @ 2020-11-04 01:42 小虾米在code江湖 阅读(85) 评论(0) 推荐(0)
摘要:Flex的基本属性 display:flex 任何容器都可以指定为Flex布局的容器(即需要排列的父标签) 行内元素需要使用inline-flex Webkit内核的浏览器需要加上-webkit-前缀 使用display:flex;之后,float、clear和vertical-align属性将会失 阅读全文
posted @ 2020-11-02 23:21 小虾米在code江湖 阅读(161) 评论(0) 推荐(0)
摘要:清除浮动 float布局,是我们在CSS中经常使用到的一种布局方式,能够快速的将元素设置为靠左、靠右的样式。但在我们使用的过程中,由于设置float属性,而经常导致布局塌陷,混乱。这篇笔记将记录float出现的原因以及解决办法。 浮动 首先,万事看文档: float CSS属性指定一个元素应沿其容器 阅读全文
posted @ 2020-11-02 16:25 小虾米在code江湖 阅读(198) 评论(0) 推荐(0)