- 博客(4)
- 收藏
- 关注
RSS订阅原创 BFC概念及作用
BFC 概念 BFC——block formatting context(块级格式化上下文) 如何触发BFC 1、设置float值不为none（left、right） 2、设置overflow的值不为visibility（hidden、scroll、auto） 3、设置display属性的值为table-cell、table-caption、inline-block、flex之一 4、设置position的值为absolute、fixed BFC特性 1、浮动的子元素会被父级计算高度（父级触发
2021-08-11 21:32:49
156
原创 高度塌陷及清除浮动
高度塌陷问题及其解决方案（常见的几种清除浮动的方法及其优缺点） 父元素没有设置高度，子元素浮动后导致父元素高度为0，就叫做高度塌陷问题 1、给父元素设置overflow:hidden;（实际应用较多） 原理：给父元素设置overflow:hidden;触发了BFC(块级格式化上下文)的状态，闭合了子元素的浮动，子元素重新参与父元素的高度计算，父元素高度不再为0 缺点：显示在父元素框之外的部分会被隐藏 2、在浮动的子元素的末尾添加一个空div，并进行设置 .box{ clear: both; h
2021-08-11 21:20:55
240
原创 单行文本省略号的设置
单行文本省略号的设置 width: 100px; //设置一个宽度 white-space: nwrap; //强制在一行显示 overflow: hidden; //溢出隐藏 text-overflow: ellipsis; //显示省略号 容器溢出 overflow: visible | hidden | scroll | aoto; visible : 默认值，溢出内容显示在容器框之外 hidden : 溢出内容隐藏不可见 scroll : 以滚动条的形式查看溢出内容，没有溢出时显示默认滚动条
2021-08-11 20:40:41
204
原创 css选择器
css选择器 id选择器 语法： <h1 id="city"> hello </h1> 样式表中： <style> #city{ color: red; } </style> 注： 1） id名命名要语义化，不能是汉字、纯数字，不能以数字开头 2） 常用的命名方式：驼峰命名法(favCity)、下划线或中划线连接命名法(fav-city、fay_city) 3） id名是唯一的，不能出现同名的id class选择器 语法： <
2021-07-30 10:38:32
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人