1.我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何设置div显示和隐藏。
要隐藏div的后半部分，可以使用CSS的overfLOW属性来控制div的溢出部分是否显示。首先，需要确定div的宽度和高度，以便计算出后半部分的位置。然后，可以通过设置div的overflow属性为hidden来隐藏溢出部分。如果希望隐藏水平方向的后半部分，则需要设置div的width属性，并将overflow-x属性设置为hidden。如果希望隐藏垂直方向的后半部分，则需要设置div的height属性，并将overflow-y属性设置为hidden。这样，div只会显示前半部分，后半部分则被隐藏起来，形成一种遮挡的效果。
示例html最简单的方法：toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。------如果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样：这里通过自定义一个 class : show 来判断 div 是显示或隐藏hasClass() 是否存在某个classhide() 隐藏对象show() 显示对象removeClass() 移除一个classaddClass() 添加一个class除此，还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
用一个div作为主框架，嵌套图片和文字内容两个div，同时使用浮动功能。 图片向左浮动，文字内容向右浮动，这就形成了两栏。 右边的文字内容又分为两个div，不需要浮动，它会自动上下排列的。 代码如下：
设置下拉隐藏内容的常用方法是利用CSS的伪类选择器:hover和display属性。
首先，在HTML页面中创建一个元素，例如或
等，然后在CSS中为这个元素设置display属性为none，即让元素一开始就隐藏起来。
接着，在CSS中使用:hover伪类选择器，为该元素设置display属性为block或其他可见值，这样鼠标指针在元素上悬停时，就能触发元素显示在页面上。
这种方法适用于需要隐藏的内容较多，而且在页面上不需要占用太多空间的情况。通过设置下拉隐藏内容，不仅可以提高页面的美观度，还能增加用户与网页的互动性。
或等，然后在CSS中为这个元素设置display属性为none，即让元素一开始就隐藏起来。
接着，在CSS中使用:hover伪类选择器，为该元素设置display属性为block或其他可见值，这样鼠标指针在元素上悬停时，就能触发元素显示在页面上。
这种方法适用于需要隐藏的内容较多，而且在页面上不需要占用太多空间的情况。通过设置下拉隐藏内容，不仅可以提高页面的美观度，还能增加用户与网页的互动性。