css&div学习笔记(2)

1.clr层的作用，清楚浮动。例：main中含有lfloat和rfloat,且lfloat和rfloat有各自的宽度和高度左浮、右浮。此时main没

有宽度和高度，为了是下方的footer不被遮盖，会在main中添加一个层clr如此main将会被撑开。
<div id="main">
<div id="lfloat">
<div class="four">徐才厚老家的房子地上没有一点杂草。据徐才厚的嫂子介绍，她的儿子是负责给徐家庄看村、看道的。时

不时会派人来收拾一下徐才厚家的院子，扫地、拔草之类的。一条专为徐家庄修建的公路直达村口。通往徐家庄的公路两侧绿

化很好</div>
<div class="four">徐才厚老家的房子地上没有一点杂草。据徐才厚的嫂子介绍，她的儿子是负责给徐家庄看村、看道的。时

不时会派人来收拾一下徐才厚家的院子，扫地、拔草之类的。一条专为徐家庄修建的公路直达村口。通往徐家庄的公路两侧绿

化很好</div>
<div class="four">徐才厚老家的房子地上没有一点杂草。据徐才厚的嫂子介绍，她的儿子是负责给徐家庄看村、看道的。时

不时会派人来收拾一下徐才厚家的院子，扫地、拔草之类的。一条专为徐家庄修建的公路直达村口。通往徐家庄的公路两侧绿

化很好</div>
<div class="four">徐才厚老家的房子地上没有一点杂草。据徐才厚的嫂子介绍，她的儿子是负责给徐家庄看村、看道的。时

不时会派人来收拾一下徐才厚家的院子，扫地、拔草之类的。一条专为徐家庄修建的公路直达村口。通往徐家庄的公路两侧绿

化很好</div>
</div>
<div id="rfloat">
</div>
<div id="footer">
</div>
------------------------------------------------------------------------------------------------
clr的css设置：
width:0px;
height:0px;
clear:both;

2.利用行高改变文字竖直居中：
将line-height等于height即可（line-height相当于笔记本中的格格）。
3.css控制之bug的几种原因？没有使用正确的doctype,各浏览器对不同的标签初始值不同，自身书写不规范，浏览器bug引起

。
4.ie常见bug及解决方案？盒模型bug---设置严格的doctype,双margin值---“_display:inline”，不认识a:link--不

加:link,3像素margin bug---规范浮动与清除浮动。
5.颜色表示： 颜色用数字表示；颜色由3种原色表示，红、绿、蓝；3原色各在【0-255】之间变化；可用十六进制、十进制、

颜色名色表示。
6.尺寸表示方法：像素表示；百分比表示；em表示(em是相对大小，是指其父元素中一个"M"的大小简单理解为父元素的font-

size就是1个em单位)；
7.设置圆角：border-radius
8.相对定位：是指元素在其正常位置，偏移某些像素；例：position:relative top:20px; left:20px
9.绝对定位：是指相对于父元素的top,left,bottom,right来定位。用绝对定位时父元素要有position属性，否则要用父的父

的父……直到有postion属性的父元素，最终没有用body定位。
10.相对定位是元素相对于自身原来位置，且用相对定位时原来位置不可被其他元素占据；
11.绝对定位存在元素覆盖问题，用z-index属性可解决谁覆盖谁，值大的覆盖值小的；
12.overflow:子元素超过父元素显示范围时用该属性，可选值有hidden,auto,scroll。同时需要注意的是，在一些老的浏览器

中设置像素较小像素值的div会有问题，用overflow:hidden解决