![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
是Ryan吖
讀書 / 工作 / 遠方
展开
-
CSS相对定位&绝对定位
CSS相对定位&绝对定位 一、相对定位(relative) 相对定位是指 —— 该元素相对于原来的位置偏移,宽高都没变,撑大了容器。 特别的: (1)元素偏移之后仍处在文档流中,不影响其他元素的布局。 (2)元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 (3)最外层容器设置为relative定位,在未设宽度的情况下,宽度是整个浏览器的宽度。 举例: 对两个div块设置相对定位和绝...原创 2019-08-06 16:16:46 · 740 阅读 · 0 评论 -
解决CSS的浏览器兼容性问题
文章目录1. 为什么会有浏览器兼容性问题?2. 如何解决CSS浏览器兼容性问题?(1)浏览器CSS样式初始化(2)浏览器私有属性(3)自动化插件(4)CSS hack 1. 为什么会有浏览器兼容性问题? 都是浏览器厂商太多的锅!!!Chrome啥时候能够一统江湖啊T~T 关键是不同厂商,甚至同一厂商不同版本,对同一段CSS的解析效果也不一致,这就导致了页面显示效果不统一,也就带来了兼容性问题。 浏...原创 2019-10-08 17:44:46 · 755 阅读 · 0 评论 -
常见CSS的浏览器兼容问题
文章目录1. 边框2. 背景3. 字体4. 2D转换5. 3D转换6. 过渡7. 动画8. 双倍浮动bug9. 表单元素行高不一致10. IE6(默认16px为最小)不识别较小高度的标签(一般为10px)11. 图片添加超链接时,在IE浏览器中会有蓝色的边框12. 最小高度min-height不兼容IE613. 图片默认有间隙14. 按钮默认大小不一15. 百分比bug16. 鼠标指针bug17....原创 2019-10-08 21:05:16 · 832 阅读 · 0 评论