overflow:hidden的研究
文章目录
前言
关于overflow:hidden的自己的一些心得,后续还会继续补充!主要的作用有:溢出隐藏、清除浮动、解决外边距塌陷等等
总结
1. 溢出隐藏
2. 清楚浮动
3. 解决外边距塌陷的问题
父级元素内部有子元素,如果给子元素添加margin-top样式,那么父级元素也会跟着下来,造成外边距塌陷。
// An highlighted block
/* 搜索 父亲*/
.search-warp {
position: fixed;
/* left: 5px;
top: 5px; */
/* 这里就会发生 外边距合并的现象, 必须在这个父亲的上面加一句overflow: hidden; */
overflow: