2022-03-21

最近复习了一些知识点

父元素坍塌问题:大家应该知道,对于一个元素来说,不给他固定高度的时候他的高度是由内容撑开的,也就是说,如果这个元素里面没有任何内容,他的高度就是0,当这个元素有内容的时候,他就有了高度(也就是内容的高度),这也就导致了float元素的这个问题,当元素设置了float之后,它就脱离了文档流,也就是说此时父元素不再包含它,如果这时候盒子内没有其他元素的话,父元素的高度就会变为0。

解决办法:

            1.给父元素设置高度(调整子元素高度时可能也伴随着父元素高度的修改)

                2.给父元素也设置浮动(其他的不浮动元素会受到影响)

          3.给父元素添加overflow:hidden;(该方法的原理是让父元素紧贴其内容(包括浮动元素的内容),但有内容要以溢出形式显示时,则会被一同隐藏)

                4.通过伪类来实现,在需要清除浮动的父元素里,添加一个清除浮动的伪类(完美方法)


当快报模块字数较多时,如何使用省略号省略多余的内容。


overflow:hidden;-----是隐藏超出部分


white-space:nowrap;-------一行显示,不换行


text-overflow--------用省略号显示

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容