![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css布局
liying123466
这个作者很懒,什么都没留下…
展开
-
如何消除子盒子的margin-top对父级盒子的影响
(1)我们可以利用父级盒子的padding-top来代替子盒子的margin-top的值。 (2)给父级元素添加overflow: hidden;就可以了。原创 2017-04-16 20:36:06 · 3471 阅读 · 0 评论 -
垂直居中的方法
1.利用position和margin设置为负的 利用其中的position:absolute; top:50%; 其中的margin-top:-(高度)/2; 【这里分为两种情况其中的孩子节点的高度设置为px,或者是将其中的高度设置为其中的百分比】 2:利用position和transform 将其中的孩子节点:position:absolute; top:50%; 将其中的孩子...原创 2018-12-07 21:22:39 · 134 阅读 · 0 评论 -
display:flex
这里是自己不太注意的地方 1.其中的flex-basic来说的话相当于设置其中的宽度,如果flex-basic和width同时设置的话,其中的flex-basic会把width覆盖掉的 2.flex和flex-grow实现的功能是一样的【将其中的空白的部分按照其中的flex设置的值进行均分】 ps:其中如果只是给一个元素设置其中的空白部分都会给其中的那个子元素,如果是多个元素设置了那么就会进...原创 2018-12-07 21:28:28 · 160 阅读 · 0 评论