html+css
文章平均质量分 64
ac601458466
这个作者很懒,什么都没留下…
展开
-
display:inline-block兼容ie6/7的写法
display:inline-block兼容ie6/7的写法 实例演示效果 display:inline-block作用? 使用display:inline-block属性,可以使行内元素或块元素能够变成行内块元素,简单直白点讲就是不加float属性就可以定义自身的宽、高,同时又能使该元素轻松在父元素居中显示!什么时候会用到display:inline-block? 在网站布局中,很多时候转载 2015-10-01 23:15:59 · 4222 阅读 · 0 评论 -
haslayout初步认知
———-IE专有的LayouthasLayout的字面意思是 “拥有布局”。在说明 hasLayout 之前,需要先说明一个跟它相关的概念–”Layout”,也就是“布局”。 “Layout”是IE/Win的专有概念,它决定了元素如何对其内容进行定位和尺寸计算,与其他元素的关系和相互作用,以及对应用还有使用者的影响。 “Layout”可以被某些CSS特性(property)不可逆的触发,而某些HTM原创 2015-10-02 10:18:54 · 300 阅读 · 0 评论 -
2015-10-10 发现的问题及解决
displayinline-block的对齐当所有的display:inline-block以块内的文字为对齐标准,如果有块中没有文字,则将该行内块的块底部作为veritical-align:baseline处理 b{display:inline-block; height:30px; width:30px; background:#cc99f原创 2015-10-10 00:36:03 · 426 阅读 · 0 评论 -
IE6 浏览器常见兼容问题 大汇总(23个)
这个是转载自 独行冰海 的博客。 IE6以及各个浏览器常见兼容问题 大汇总 综述:虽然说IE6在2014年4月将被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作。 在此总结了常见的浏览器兼容问题,里面也有IE6的常见兼容问题,供大家分享。IE6 浏览器常见兼容问题 大汇总 - 独行冰海转载 2015-10-12 19:56:24 · 319 阅读 · 0 评论 -
2015-10-12
一、在IE7 中,有时候line-height对img无效,在img标签后面加上空格就行,或者在img前/后加上& nbsp;<style> .box{line-height:100px; height:100px;} </style> <div class="box"><img src="1.jpg" ></div>但是有时候line-height在IE7 中无效。<style>原创 2015-10-12 19:52:13 · 367 阅读 · 0 评论 -
2015-10-12
IE6的父盒子永远会包裹住子盒子,子盒子永远不会超出父盒子。 无法完成内盒子的边框和外盒子的边框的重叠IE6/7盒子的overflow:hidden问题, IE6 当子盒子的尺寸超过父盒子时,IE6的父盒子会被子盒子撑开,子盒子的尺寸保持不变,而当设置了overflow属性之后,父盒子无法被子盒子撑开。IE6/7 的隐藏模式overflow:hidden均通过层级隐藏,即将子盒子放在父盒子的层下原创 2015-10-15 10:39:57 · 409 阅读 · 0 评论 -
每天发现的bug以及处理过程
———-ie双倍marginbug 在浮动的时候,ie会产生双倍的margin,只要给浮动元素加上display:inline就行,因为folat已经触发了layout,所以拥有布局。———-上边距重叠 边距重叠 hasLayout 会影响一个盒子和其子孙的边距重叠。根据规范,一个盒子如果没有上补白和上边框,那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。 对父元素 BFC和原创 2015-10-08 10:13:45 · 376 阅读 · 0 评论