CSS
Undefind_object
PHP高级讲师
展开
-
2021-08-13
首先了解下,margin的auto属性的作用是用来分配剩余空间,所以对于有剩余空间的元素才有效哦(块及元素)。比如图片设置margin: 0 auto是无效的,因为图片是内联元素,不是占一整行,没有剩余空间。1.块及元素水平方向居中:原理:两侧auto,则平分剩余空间,相当于水平居中。代码如下:div { margin-right: auto; margin-left: auto; width:200px; height: 200px } 当然也可以这样写 div { margin: 0..转载 2021-08-13 10:32:16 · 66 阅读 · 0 评论 -
margin-top margin-bottom 嵌套为什么会产生塌陷
因为一个盒子是默认没有顶盖和底盖的 父亲没有盖子 就会把儿子的margin-top用了 所以需要给他父亲加一个盖子 给父元素添加透明边框,至少添加border-top:1px solid transparent 给父元素添加padding-top:npx 给父元素添加overflow:hidden 给父元素添加position: absolute; 给父元素添加position: fixed; 给父元素添加display: inline-...原创 2021-08-11 17:28:23 · 158 阅读 · 0 评论 -
margin塌陷 BFC模型理解
网上看了很多 BFC 的概念,发现都说得不是很完整和深入,刚好最近看了一些视频教程说到了 BFC 概念所以记录一下。BFC 的概念: BFC 全称:Block format context 块级格式化上下文。BFC 的特性: BFC 的垂直外边距会和兄弟节点的外边距发生重叠 BFC 内部的元素不会影响外部的元素,同样,外部的元素不会影响 BFC 内部的元素 BFC 不会与浮动元素发生重叠 BFC 元素的高度计算会包括元素内的浮动元素的高度如何创建 BFC:.原创 2021-08-10 10:37:17 · 165 阅读 · 0 评论