随笔分类 -  CSS

浅析前端BFC布局
摘要:一、常见定位方案 二、BFC 概念 BFC 即 Block Formatting Contexts (块级格式化上下文),它属于上述定位方案的普通流。 它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 阅读全文
posted @ 2018-05-31 16:25 郭敏 阅读(656) 评论(0) 推荐(0)
基于媒体查询的响应式布局设计(24栅格)
摘要:语法: CSS-Code: 说明: 1、父元素设置class.row清除它的子元素col-**的浮动,避免浮动造成的父元素高度的塌陷; 2、.col-**-0使该元素在对应条件下隐藏; 3、.col-**设置:box-sizing:border-box是我自己习惯用传统的盒子模型。 阅读全文
posted @ 2018-05-31 10:13 郭敏 阅读(506) 评论(0) 推荐(0)