A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© xch731234 初级黑马   /  2019-7-24 13:32  /  894 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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;去智能的测试子级的高度然后撑开父级盒子;

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马