![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
三生石上缘
这个作者很懒,什么都没留下…
展开
-
BFC解决的几种问题
外边距塌陷原因:父子嵌套标签垂直方向的margin,margin会其中最大值解决方法:给父级设置border或者padding 改变父级元素bfc渲染模式position:absolution/fixedfloat:right/leftoverflow:hiddendisplay:inline-bloack浮动的问题原因:标签浮动后脱离正常文档流,导致父标...原创 2019-07-24 21:30:29 · 1234 阅读 · 0 评论 -
常见浏览器兼容问题
1. IE图片的边框问题(a标签下的图片) img{ border:0/none;}2. IE8一下浏览器背景复合属性空格问题baground-image:url()'空格'no-repeat left;其他ie低版本兼容性问题了解(1)在ie6及更早浏览器中定义小高度的容器?#text{ overflow:hidden; hei...原创 2019-07-28 15:28:52 · 317 阅读 · 0 评论 -
等高布局、圣杯布局、双飞翼布局的实现原理
等高布局:- 假等高:原理:利用内外边距相抵消,注意父元素设置"overflow:hidden",列变宽,其他列等高变化优点:结构简单,兼容所有浏览器缺点:伪等高,需要合理控制margin和padding值配合/*三列,把外面设置一个大盒子,里面3个小盒子*/父级:overflow:hidden;(溢出隐藏)子级:padding-bottom:99999px;...原创 2019-07-28 17:18:17 · 1246 阅读 · 0 评论 -
css过渡、动画3D环绕相册
以下是八面环绕相册<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <...原创 2019-08-06 21:09:05 · 1158 阅读 · 0 评论