对相对定位，绝对定位一直以来有点小小的偏差，总结一下相对定位：相对于元素原来位置进行定位，使用top，left属性之后他在原来位置上进行移动，原来元素的位置还是保留着，其他元素也只能看到他原来的位置。[code="HTML"] ss sss[/code][img]http://dl.iteye.com/upload/attachment/55...

inline-block属性还是非常有用的，但是在IE6 7下还是有那么点问题，现总结一下在IE6 7下实际上对行内元素起作用但对块级元素就失去了它的作用，上代码[code="html"]div1div2[/code]IE6 7未起到效果[img]http://dl.iteye.com/upload/attachment/553209/61248181-6e92-3aa3-91...

转自：http://topic.youkuaiyun.com/u/20100130/01/db48b639-909d-4f7d-996c-a5adad5a4276.html浏览器缺省 < 外部样式表 < 内部样式表 < 内联样式...其中样式表又有...类选择器 < 类派生选择器 < ID选择器 < ID派生选择器派生选择器以前叫上下文选择器，所以完整的层叠优先级是......

[code="java"] /* top:50% margin-top:-35px */ .wrap{ height: 200px; width: 200px; border: 4px solid #BBBBBB; position: relative; } .inner{ position:absol...

转自：http://www.cnblogs.com/stormtea/articles/1958620.html对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。block和inline是display的常用属性。block 此元素将显示为块级元素，此元素前后会带有换行符。inline是display默认属性，此元素...

[code="HTML"]{ display:inline-block; *display:inline; *zoom:1;}[/code]display:inline-block; IE6 IE7 都不支持*+css 仅IE7支持*css IE6 IE7不认识

 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;title&gt;垂直外边距合并&lt;/title&gt;&lt;style&gt;.top{width:160px; height:50px; background:#ccf;}.middle{width:160px; background...

发生情况:当给父元素的第一个浮动元素设置margin-left或者margin-right时，元素相应float  left或right，这是margin会加倍 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&gt;...

出现场景:两个元素一个浮动一个不浮动，非浮动元素在浮动元素后面，并且非浮动元素设置了宽度(应该是触发了haslayout)，如此这般IE6下两个元素会出现3px间隔  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"&gt...