一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类....
分类：
其他好文 时间：
2015-03-03 01:04:30
阅读次数：
219
BFC与hasLayout都是CSS布局上的概念。几个月前在微博上才了解什么是BFC，算是对布局有点初步的了解。hasLayout则是IE6、7产生许多bug的根源。浮动、绝对定位元素，不是块框的块容器（inline-block, table-cell, and table-caption），以及设...
分类：
其他好文 时间：
2015-03-02 23:45:40
阅读次数：
232
写在最前面：本文适合从Flex程序员转型为Web程序员的朋友观看Flex4中的页面布局相当直观，如水平定位的HGroup（Flex3中的HBox），垂直定位的VGroup（Flex3中的VBox），绝对定位的Group（Flex3中的Canvas）。但是当我转型到Web程序员，用Html+CSS布局...
分类：
Web程序 时间：
2015-02-27 13:27:30
阅读次数：
136
这个代码当然要属于CSS布局的范畴了，能写出这种效果，我真的了羡慕作者啊，用CSS写出这么多形状不同的“三角形”，着实不容易，有些思路是把某些Div边框透明掉就可以模拟三角形了，注意ie6下透明的边要是dotted或dashed。边框的处理值得学习。...
分类：
Web程序 时间：
2015-02-26 13:28:18
阅读次数：
151
div+css布局：div是用于存放内容（文字，图片，元素）的容器 css是用于指定放在div中的内容的位置和外观。 使html文件内容减少，html变得简单；内容和样式分离 css可以统一网站风格DOCTYP...
分类：
Web程序 时间：
2015-02-17 14:05:20
阅读次数：
247
年前的最后一篇，也不知道明年该何去何从。我从事信息化系统研发，已有四余载干了这么长时间，感觉什么都会一点，你让我去干我也干了出来，但是，有时候要感觉自已什么都不会，唉。我准备明年想去好好做做前端，希望有人愿意收留吧！如果你们招人也可M我哦。废话不说了进入正题结合前面几篇所讲的，今天给介绍信息化管.....
分类：
Web程序 时间：
2015-02-13 19:52:28
阅读次数：
165
转自新浪博客http://blog.sina.com.cn/u/2539885750 ul和li列表是使用CSS布局页面时常用的元素。在CSS中，有专门控制列表表现的属性，常用的有list-style-type属性、list-style-image属性、list-style-position属性和l...
分类：
Web程序 时间：
2015-02-11 09:17:55
阅读次数：
165
DIV页面布局，开局代码主要是style部分和body部分DIV+CSS布局教程 这里设置了padding属性介绍一下padding的用法,padding将设置文本与边框的距离。 Content-Left Content-Main ...
分类：
其他好文 时间：
2015-02-10 13:15:54
阅读次数：
164
上下两栏布局，这个在做信息系统的时候我感觉用得比较多。结合前面布局的介绍，改天给介绍一个稍微比较复杂的真实信息系统布局。请看效果图：要点：最顶一栏给其固定高度，下面一栏高宽度让其自撑，如果该栏的内容溢出，设置overflow属性为auto，允许其出现滚动条。下面一栏必须给设置绝对定位，他top的距离...
分类：
Web程序 时间：
2015-02-09 21:36:19
阅读次数：
469
今天给大家介绍经典三列布局和实现原理：通过浮动（float）进行实现，如果对float不是很清楚可以去看看我上篇介绍的；通过绝对定位布局；通过float加margin的负值进行组合实现。对三种情况分析：第一种通过浮动（float）布局，特别需要注意在定义元素结构的时候要将居中元素放到right元素的...
分类：
Web程序 时间：
2015-02-08 23:03:29
阅读次数：
202
