黑马程序员技术交流社区

标题: 分享一些小技巧 [打印本页]

---

作者: xch731234    时间: 2019-7-24 13:32
标题: 分享一些小技巧
css常用技巧1、display显示与隐藏（不占位的隐藏）

• 隐藏：display:none;

• 显示：display:block; 将隐藏的元素显示出来

2、visibility显示与隐藏（占位隐藏）

• 占位隐藏：visibility:hidden; 盒子隐藏之后原来的位置还是在的；

3、overflow溢出隐藏

• overflow:hideen; 溢出隐藏，将超出固定宽高范围内的内容隐藏起来，不是删除了；

• overflow:scroll; 显示横向和竖向的滚动条显示（不用）；

• overflow:auto;溢出滚动， 将超出固定宽高范围的内容以滚动条的形式显示（不用）；

在实际工作中overflow:hidden;可以解决两个问题：1.解决嵌套的两个盒子的外边距塌陷（给子级盒子添加margin-top父级会跟着下来）我们可以添加overflow:hidden;解决；2. 可以清除浮动（一个父级盒子里面的子级盒子浮动以后，咩有给父级盒子设置高度，子级浮动以后父级默认的高度为0） 我们可以添加overflow:hidden;去智能的测试子级的高度然后撑开父级盒子；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2