CSS——元素的隐藏和显示（定位）

目录

一.前言

二.基础知识

（一）display：

（二）visibility：

划重点：这里有点区别：如果隐藏元素想要原来位置，就用 visibility ： hidden 如果隐藏元素不想要原来位置，就用 display ： none（实际开发中display用的多）

（三）overflow：对溢出部分进行隐藏与显示

 三.相关案例在下个文章

---

 

一.前言

本文主要围绕三个属性来进行学习, 并在最后简单做一个案例来巩固

1. display属性：用于设置一个元素应如何显示
2. visibility属性：指定一个元素应可见还是隐藏
3. overflow属性：指定了如果内容溢出一个元素的框（超过其指定高度及宽度）时，会发生什么

二.基础知识

（一）display：

1>display:none：隐藏对象 

2>display:block:可以转换为块级元素，还可以显示出display隐藏的元素，不占有原来的位置

（二）visibility：

1>visibility：hidden:元素隐藏

2>visibility : visible：元素可视

划重点：这里有点区别：如果隐藏元素想要原来位置，就用 visibility ： hidden 如果隐藏元素不想要原来位置，就用 display ： none（实际开发中display用的多）

普通的两个标准流盒子

visibility:hidden 占有位置

 display:none：不占位置

（三）overflow：对溢出部分进行隐藏与显示

 三.相关案例在下个文章

请点击主页方可进行查看

你的【点赞，好评，收藏】是我创作的动力。感谢大家支持