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 阅读(416) 评论(0) 推荐(0) 编辑

CSS布局之传统方法

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

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

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

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

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

导航