最近复习了一些知识点
父元素坍塌问题:大家应该知道,对于一个元素来说,不给他固定高度的时候他的高度是由内容撑开的,也就是说,如果这个元素里面没有任何内容,他的高度就是0,当这个元素有内容的时候,他就有了高度(也就是内容的高度),这也就导致了float元素的这个问题,当元素设置了float之后,它就脱离了文档流,也就是说此时父元素不再包含它,如果这时候盒子内没有其他元素的话,父元素的高度就会变为0。
解决办法:
1.给父元素设置高度(调整子元素高度时可能也伴随着父元素高度的修改)
2.给父元素也设置浮动(其他的不浮动元素会受到影响)
3.给父元素添加overflow:hidden;(该方法的原理是让父元素紧贴其内容(包括浮动元素的内容),但有内容要以溢出形式显示时,则会被一同隐藏)
4.通过伪类来实现,在需要清除浮动的父元素里,添加一个清除浮动的伪类(完美方法)
当快报模块字数较多时,如何使用省略号省略多余的内容。
overflow:hidden;-----是隐藏超出部分
white-space:nowrap;-------一行显示,不换行
text-overflow--------用省略号显示