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