CSS
Great_Eagle
这个作者很懒,什么都没留下…
展开
-
width:100%与width:auto的区别
width:100%width:100%代表自身Width=父contentWidth*100%其中当自身box-sizing:content-box(也是默认值)时,自身Width的含义为自身contentWidth,当box-sizing:border-box(IE盒模型,IE8及以下只支持IE盒模型)时,自身Width的含义为自身contentWidth+paddingWidth+b...原创 2018-07-20 16:34:10 · 2414 阅读 · 0 评论 -
BFC背后神奇原理
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,需要先介...转载 2018-07-20 12:48:00 · 196 阅读 · 0 评论 -
px,em与rem的区别
PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内...转载 2018-07-27 23:20:36 · 145 阅读 · 0 评论 -
弹性盒子
弹性盒子由弹性容器和弹性子元素组成弹性容器:两条轴:水平轴与竖直轴6个属性:flex-direction:row、column、row-reverse、column-reverseflex-wrap:nowrap wrap wrap-reverseflex-flow:row nowrap(flex-direction flex-wrap简写形式)justify-cont...原创 2018-08-24 02:25:20 · 189 阅读 · 0 评论 -
position的五种方式
任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。大多数情况下,height和width 被设定为auto的绝对定位元素,按其内容大小调整尺寸。但是,被绝对定位的元素可以通过指定top和bottom ,保留height未指定(即auto),来填充可用的垂直空间。它们同样可以通过指定left 和 right并将width 指定为auto来填充可用的水平空间。...原创 2018-08-21 12:55:57 · 720 阅读 · 0 评论