摘要：假如有一份视觉稿，其中一部分是实现这样的：两排横向排列的框，它们中间有边距，两端无边距。每个框大小为100*100，外边距为20，整个区域为460*220。HTML结构： 根据以上结构大致想到：li左浮动是必须的，可以给每个li加20px的左边距或右边距，然后再加20px的上边距或下边距。初步设置后是这样的有以下三个方法解决多出的外边距问题。方法一： ... 阅读全文

摘要：BFC与hasLayout都是CSS布局上的概念。几个月前在微博上才了解什么是BFC，算是对布局有点初步的了解。hasLayout则是IE6、7产生许多bug的根源。一、BFCFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (ex 阅读全文

摘要：一、px与em用px设置文字大小是再正常不过的事情，比如html {font-size: 12px;}随处可见的在设置width、height使用px，这也是细致稳妥的设置方法，这样做的缺点在于调整浏览器的文字大小并未影响以px为单位的文本，这对一部分用户造成了不便。用em设置文字大小弥补了这个问题，em是一个相对单位。文字大小用em表示的情况下，可以随着浏览器字号（比如在chrome下“设置->高级设置->字号”）的变大（变小）而变大（变小），使用格式与px基本一样，比如p {font-size: 1em;}以上面这个p元素为例，em的计算方式是这样的：若p的父元素设置了文字大小 阅读全文