多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
1. 行级元素:span a strong em del 块级元素:div p ul li form address 2. 解决盒子塌陷(触发盒子的bfc) position:absolute; display:inline-block; float:left/right; overflow:hidden; 被设置了position和display的元素,会被自动转换成inline-block元素 3. position的一些属性 relative:保留原来的位置进行定位,相对于自己原来的位置进行定位 absolute:脱离原来的位置进行定位,相对于最近的有定位的父级进行定位,如果没有,那么相对于文档进行定位 fixed:固定定位,位置写死之后可以不动 一般用法:用relative作为参照物,用absolute进行定位和操作 另外:行内元素添加了 position: absolute或float: left属性,将会在内部转换为display: inline; 4. 浮动 产生了浮动流的元素,块级元素看不到他们,产生了bfc的元素和文本类元素看得到浮动元素。 (1)可以利用伪元素清除浮动。 ``` .class::after{ content:""; clear:both;//能清除浮动的必须是块级元素 display:block; } ``` (2)利用bfc添加相应属性,即可看到浮动流 5. 文字溢出显示 1)单行文本 white-space:nowrap;//单行展示 overflow:hidden;//超出隐藏 text-overflow:ellipsis;//超出显示... 2)多行文本 多行之进行截断处理 height:40px; line-height:20px; overflow:hidden;