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

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

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

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

 

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

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

 

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

 

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

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

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

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

.clearfix{

  content:‘‘;

  display:block;

  clear:both;

  visibility:hidden;

  height:0;

}

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。