摘要：
仔细分析各种布局的技术实现，可以发现下面三种技术被经常使用： 浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构： <d 阅读全文
摘要：
http://zh.learnlayout.com/no-layout.html 阅读全文
摘要：
新css属性为我们提供了更加便捷的网页布局方式。来自微软的thomas lewis将带你认识去Grid Alignment，Flexibox Box以及Multi-column Layout这三大领域。 这篇文章最早出现在the April 2012 issue (226)这期的.net杂志上-这杂 阅读全文
摘要：
What:了解该知识点的概念，本质以及有关牵扯到的相关知识概念 BFC这个东西说常见的话你可能不觉得，但是你肯定会常用，也许你在用的时候也没想到BFC这东西。网上也有很多写这些东西的文章，但是自己写一遍印象更深一点。 首先我们看看w3c对BFC是怎么定义的: http://www.w3.org/TR 阅读全文
摘要：
BFC的理解与应用 首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。 什么是BFC（Block formatting contexts） w3c规范中的BFC定义 阅读全文
摘要：
实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化，就如下图： 要实现这样一个布局，我们首先需要如下的 HTML： <div id="float-container"> <div class="float-element"></div> <div class="float-e 阅读全文
摘要：
1. 固定宽度，中部DIV内容优先显示布局 说明：这种布局一般常见与社交网站，例如QQ空间，朋友网等等，特点是把中部信息的内容放在前面显示，左侧菜单内容最后显示。实现方法：重点在于使用了margin-left:-960px;这样样式，如果能深入了解一下margin的负值和浮动原理就可以很好的理解此方 阅读全文
摘要：
百度经验：http://jingyan.baidu.com/article/fdffd1f826fa46f3e88ca17c.html 1.三列等高布局 html code: <div id="wrap"> <div id="left"> <p>left</p> <p>left</p> <p>lef 阅读全文
摘要：
今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题，需要解决，花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧： 左侧固定宽，右侧自适应屏幕宽； 左右两列，等高布局； 左右两列要求有最小高度，例如：200px;（当内容超出200时，会 阅读全文
摘要：
正则表达式到底是什么东西？ 字符是计算机软件处理文字时最基本的单位，可能是字母，数字， 标点符号，空格，换行符，汉字等等。字符串是0个或更多个字符的序列。文本也就是文字，字符串。说某个字符串匹配某个正则表达 式，通常是指这个字符串里有一部分（或几部分分别）能满足表达式给出的条件。 在编写处理字符串的 阅读全文