![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
猪儿猫儿狗儿
这个作者很懒,什么都没留下…
展开
-
box-sizing:border-box属性的作用
简单暴力,亲测有效!!!一、盒子模型盒子模型:外边距(margin)+边框(border)+内边距(padding)+content(内容)举例:将一个div的宽高设置为500px,实际上只是设置div的内容(content),此时再设置div的padding:10px,border:1px solid red;这时div的宽高就会变成544px。二、标准盒子模型和怪异盒子模型标准盒子模型:border-sizing:content-box。元素宽高等于content值+padding和borde原创 2021-09-16 09:01:38 · 1280 阅读 · 0 评论 -
css弹性盒子模型-display:flex总结
简单暴力,亲测有效!!!一、设置元素为弹性盒子display:flex弹性盒子容器内部的元素默认按照主轴进行排列二、弹性盒子容器的属性justify-content//子元素水平排列方式center//居中space-between//两端对齐且相邻两个间隔相等space-around//每一个两侧的间隔相等flex-start//左对齐flex-end//右对齐aligen-items//单行子元素垂直排列方式flex-start//顶部flex-end//底部center//原创 2021-09-16 08:51:36 · 193 阅读 · 0 评论 -
css中的相对布局和绝对布局及层叠关系
简单暴力,亲测有效!!!一、css中的相对布局和绝对布局相对布局:position:relative;绝对布局:position:absolute;二、层叠关系z-index:10;//值越大,越在上层,越先显示三、组合解决问题文字在图片指定位置显示四、代码div id="pptImgcontainer" style="width:350px;height: 230px"> <div style="position: absolute;z-index: 10;left:原创 2021-07-26 16:27:16 · 946 阅读 · 0 评论