CSS 笔记整理

1。 在兼容IE6 的情况下，确定页面的最小高度和最小宽度，可以保证在改变浏览器大小的时候，里面的内容还能保证原有样式 .right{ width:600px; border-left:1px solid #ccc; min-height:1000px;//IE7\FF height:100%;//IE6\IE7\FF 这个很重要，IE6定死高度后，需要再加上这条，才能自动延伸。 _height:1000px;//IE6 } “_”是IE6浏览器的私有前缀、、 2.让元素在页面剧中，浏览器改变大小，也不会挡住元素 .fan_center {     width: 500px;  设置宽度     height: 80px;    设置高度     margin: 10px auto;    这里AUTO是关键，这样元素会自动剧中，并且可以配合margin-left来调整想要的位置     border: 1px solid green; } 3.让页脚始终保持在页面底部，改变浏览器窗口，页脚也不会出现重叠，类似百度首页 html{ height:100%; }  body { position: relative; height: auto !important; min-height:100%; height:100%; } .footer { position: absolute; height:25px; border-bottom: 1px solid #e0e0e0; width: 100%; border-top:1px solid #e0e0e0; margin-top:20px; bottom:0; left:0; }    4。元素的position: absolute; 和position: relative; position 是元素的位置。  position: absolute 是绝对定位，如果元素A在元素B内，元素A的position: absolute是相对于B的PADDING位置来的。  position: relative  我理解是普通定位，位置和普通定位一样，不同的是，使用position: relative后，再用LEFT , RIGHT让元素偏移，但是元素本身占用的空间，仍然是偏移前位置所占的空间。 5。元素的背景图像 background-image: url(../images/xuxian.png); background-repeat: repeat-x;（这是按X轴复制图片，还有no-repeat是不要重复出现） background-position: 0px 0px; 这是调整图片的位置，只显示图片的一部分。 6.margin:auto; 和 margin-left:auto;是不同的，也和margin-left: 50%;也是不同的，要让元素居中，并且按浏览器大小等比例自动调节，要使用marin:auto;