![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML-CSS
Reven_凯
初出茅庐
展开
-
HTML/CSS 块、内嵌、浮动、定位元素的特点对比
内联,内嵌,行内属性标签——————————————– 1、默认同行可以继续跟同类型标签; 2、内容撑开宽度 3、不支持宽高 4、不支持上下的margin和padding 5、代码换行被解析成空格块属性标签————————————————————- 1、默认独占一行显示; 2、没有宽度时,默认撑满一排 3、支持所有css命令inline原创 2015-08-08 17:22:27 · 1870 阅读 · 0 评论 -
HTML/CSS 清浮动的方法
方法1: 加class.clear{zoom:1;}.clear:after{content:"";display:block;clear:both;}方法2: 给父级加 position:absolute/fixed方法3: 给父级加overflow:hidden (注意:ie6 下父级的overflow:hidden;是包不住子级的相对定位的)原创 2015-08-08 17:24:22 · 776 阅读 · 0 评论 -
HTML CSS的兼容性问题、IE6BUG之浮动与定位篇
IE6下内容撑开设置宽高———————————————————-在IE6下,内容会撑开设置好的宽高 例如,给固定宽度的wrap_div下放left_div、right_div两个div并浮动,wrap_div的宽度正好放下两个内部div(两个内部div也设置了宽度)。在IE6下,如果left_div或right_div内部内容宽度大于div本身宽度,内容就会撑开宽度让wrap_div容不下原创 2015-08-08 16:45:48 · 2146 阅读 · 1 评论 -
HTML/CSS IE6、7兼容性问题、bug总汇
IE6,7下li、img的间隙———————————————————在IE6,7下li本身没浮动,但是li内容有浮动的时候,li下边就会产生几px的间隙解决办法: 1.给li加浮动,给其父级清浮动 2.给li加vertical-align:top;当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动img元素在本身没有浮动也没有宽高的时候,会距离父级底部有几px间隙原创 2015-08-08 17:01:51 · 1511 阅读 · 1 评论 -
HTML/CSS 选择符优先级
CSS的选择符优先级1、同级样式默认后者覆盖前者2、样式优先级类型(1) < class[type](10)=伪类(10) < id(100) < style行间样式(1000) < style内部样式 < link外部引入样式选择符的对应值综合相加起来大的优先级高注 : 对应值只是代表他们的等级, 11个类型选择符的优先级仍然小于1个类选择符,以此类推3、important原创 2015-08-08 17:16:35 · 1525 阅读 · 0 评论 -
HTML CSS的兼容性问题、IE6BUG之外边距篇
上下外边距叠压问题—————————————————- 例如一上一下两个div,上div设置margin-bottom:10px, 下div设置margin-top:10px,结果只会让两个margin叠压在一起, 而不会相加为20px 解决办法:把其中一个margin换成paddingmargin传递问题———————————————————- IE6,7下父子级包含的原创 2015-08-08 16:37:07 · 1226 阅读 · 1 评论