2016年3月13日

CSS的BFC和hasLayout及其应用场景

摘要： 前端精选文摘：BFC 神奇背后的原理 一、BFC是什么？ 先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Bo 阅读全文

posted @ 2016-03-13 22:58 kevin4dev 阅读(414) 评论(0) 推荐(0) 编辑

CSS布局之传统方法

摘要： 传统的页面布局依赖于盒模型+流动模型（flow）+浮动模型（float）+层模型（layer）来实现页面的布局，具体方法是通过盒模型+display属性+float属性+position属性来加以实现。 一、一栏固定，一栏自适应 1.1 左侧固定 方法一：float + margin-left ht 阅读全文

posted @ 2016-03-13 16:28 kevin4dev 阅读(569) 评论(0) 推荐(0) 编辑

CSS传统布局之display属性+float属性+position属性

摘要： 这三个属性是传统网页布局中经常用到的属性。   读这篇文章之前，希望你对css布局模型已经有了一定的了解。因为本文的三个属性是和css三个布局模型紧密联系在一起的。因此，如若你并不了解，我推荐你先看一下css布局模型这篇文章。   一、display属性 The display property s 阅读全文

posted @ 2016-03-13 10:37 kevin4dev 阅读(1063) 评论(0) 推荐(0) 编辑

导航