首页 > 代码库 > 记一记读<<精通CSS>>的一些理解(一)

记一记读<<精通CSS>>的一些理解(一)

我在读书的过程慢慢理解到读书就是一个心境沉定的过程.

1:块的垂直外边距叠加:只有普通文档流才会发生外边距叠加,行内框(内联标签)/浮动框或者绝对定位框之间的外边距不会叠加.其实外边距叠加这个特性

有时候在布局时候是很有好处的.

 

2:关于相对定位(relative)和绝对定位(position  脱离文档流)的理解(图)

IE6下的绝对定位有一点小bug,只需要给相对定位的框设置宽度和高度即可解决问题(不用理IE6啦,忽略此问题)

 

3:固定定位相对于可视窗口定位(fixed)

 

4:浮动(float 脱离文档流):因为应用了浮动的元素会脱离文档流,有时候因为浮动的元素会影响布局,所以我们不得不地去在包含框中清掉

这些浮动元素产生的影响.

在这里列出一种目前比较流行和行之有效的方法,在需要的包含块框上添加类名.clearfix

而该类名的样式声明如下:

.clearfix{  content:‘‘;  display:block;  clear:both;  visibility:hidden;  height:0;}

 

记一记读<<精通CSS>>的一些理解(一)