似水流年

表单元素的一些问题input{margin:0;padding:0;} /*input的背景会随着文字移动，在ie6下面*/.text{width:300px; height:40px; border:1px solid blue; background:url(sun.jpg) 0 center no-repeat #FFC;}.box{width:300px; margin-t

浮动综合实例练习body,h2,ul,h3,dl,dd{margin:0;padding:0; font-family:"宋体";}li{ list-style:none;}img{ border:none; vertical-align:top;}a{ text-decoration:none;}.clear{zoom:1;}.clear:after{ content

IE6下父级有边框的时候，子元素的margin值消失body{margin:0;}.box{background:blue;border:1px solid #000;zoom:1;}给父盒子添加zoom触发haslayout.div{width:200px;height:200px;background:red;margin:100px;}/*在IE6下解决margin传

无标题文档.box{ width:200px;height:32px;border:1px solid red;background:yellow;}input{width:100px;height:30px;border:none;margin:0;padding:0; float:left; background:#fff;}/*在IE6，7下输入类型的表单控件上下各有1p

IE6下的最小高度问题    .box{height:1px;background:red;overflow:hidden;} /*ie6下面最小高度为19px*/

垂直对齐方式   .box{height:200px;border:2px solid #000; text-align:center;}     .span1{ width:100px;height:200px;background:Red; display:inline-block; vertical-align:middle;}     .span2{ width:200px

无标题文档这是IE9876

无标题文档.box{ width:100px;height:100px;background:Red;background:blue\9; +background:yellow;_background:green;}@media screen and (-webkit-min-device-pixel-ratio:0){.box{background:pink}}/*css h

无标题文档*{padding: 0px;margin: 0px;}#houdun{width: 500px;height: 500px;margin: 0 auto;background: red;/* 所有浏览器都识别 */background: blue\9;/* 所有的ie浏览器都支持的属性 */background: green\0;

_png滤镜body{ background:#000;}.box{width:400px;height:400px; background:url(img/png.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMetho

important.box{width:100px;height:100px;background:red !important; background:pink;}/*在IE6下 在important 后边再加一条同样的样式，会破坏掉important的作用，会按照默认的优先级顺序来走*/

登高布局body{margin:0;}.wrap{ width:900px;margin:0 auto;overflow:hidden;}.left{width:200px;background:Red;float:left;padding-bottom:10000px;margin-bottom:-10000px;}.right{width:700px;background:

margin负值.box{float:left;border:10px solid #000;margin:20px; display:inline;}.box div{width:100px;height:100px;background:red; position:relative;}.div1{margin-top:-30px;}.div2{margin-left:-30

body{margin:0;}.wrap{float:left;border:2px solid #000;}.box{width:100px;height:100px;background:red;margin:0 100px;float:left; }/*IE6下的双边距BUG在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍;解决办法

无标题文档.box{ width:100px;height:30px;border:1px solid red;background:yellow; background:url(ball.png) no-repeat;}input{width:100px;height:30px;border:none;margin:0;padding:0; float:left; backgroun

margin-right 一行右侧第一个元素有双边距.box{ float:left;border:10px solid #000;}.box div{width:100px;height:100px;background:Red;margin-right:20px;border:5px solid #ccc; float:left;}/*margin-right 一行右侧第一

当一行子元素占有的宽度之和和父级的宽度相差超过3px.box{border:10px solid #000;width:600px; overflow:hidden;}.box div{width:100px;height:100px;background:Red;margin:20px;border:5px solid #ccc; float:left; display:inline

无标题文档.box{ width:200px;height:200px;border:1px solid #000; overflow:auto; position:relative;}.div{ width:150px;height:300px;background:yellow; position:relative;}/*在IE6，7下，子元素有相对定位的话，父级的over

表格问题table{width:200px; border-collapse:collapse; background:Red;}tbody{ background:yellow;}tr{background:url(ball.png) no-repeat;}td{ padding:0;height:30px;}            表格

图片下面空隙问题.box{border:10px solid #000;background:Red;}img{ vertical-align:top;} /*清除图片下面的间隙*/

1px dotted 在IE6下不支持.box{ width:100px;height:100px;border:1px dotted #000;}/*1px dotted 在IE6下不支持解决办法:切背景平铺*/

IE6下的文字溢出BUG.box{ width:400px;}.left{float:left;}.right{width:400px;float:right;}        ↓leo是个大胖子在IE6下的文字溢出BUG        子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者内嵌元素 

固定定位body{height:1000px;margin:0;}.box{width:100px;height:100px;background:Red; position:fixed;left:50px;top:100px;}

在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙ul{margin:0;padding:0;width:302px;}li{ list-style:none;height:30px;border:1px solid #000; vertical-align:top;}a{width:100px;float:left;height:30px;backgr

当浮动元素和绝对定位元素是并列关系的时候，在IE6下绝对定位元素会消失.box{ width:200px;height:200px;border:1px solid #000; position:relative;}span{width:50px;height:50px;background:yellow; position:absolute;right:-20px;top:0;}

无标题文档.box{width:201px;height:201px;border:1px solid #000; position:relative;}.box span{ width:20px;height:20px;background:yellow; position:absolute;right:-1px;bottom:-1px;}/*在IE6下绝对定位元素的父级宽高

无标题文档.box{ width:200px;height:32px;border:1px solid red;}input{width:100px;height:30px;border:1px solid #000;margin:0;padding:0; float:left;}/*在IE6，7下输入类型的表单控件上下各有1px的间隙解决办法:给input加浮动*

无标题文档.list{ width:300px;margin:0;padding:0;}.list li{ list-style:none;height:30px;border:1px solid #000; font-size:12px; line-height:30px; vertical-align:top;}.list a{float:left;}.list span{