css如何控制一个容器的显示与隐藏

html-css021

css如何控制一个容器的显示与隐藏,第1张

根据页面的需要有时候我们需要隐藏一些元素，但当鼠标移到某一个区域的时候，我们希望这些隐藏的元素显示出来。用css网页布局，我们该如何实现呢？首先我们将这一隐藏元素在页面中隐藏掉，可以应用displasy属性，关于displasy属性可以参考这里。我们再对链接添加onMouseOver、onMouseOut的小脚本，改变displasy属性的相关值，让隐藏的元素显示出来即可。我们看下面的xhtml代码：http://www.it130.cn/" style="color:blue" onMouseOver="document.all.hehe.style.display='block'" onMouseOut="document.all.hehe.style.display='none'">

用了overflow:hidden所有溢出的都会被截断隐藏。所以你现在要显示的那一部分会继承父级属性，所以你可以把显示的样式overflow:visible写在行内试试，或者把下面的div分成两部分分开写。

如果我的回答对你有帮助记得采纳哦！

只需设置

display:none

即可将该元素设为隐藏的。默认的是显示的，即不设置display即默认显示。

isplay 属性规定元素应该生成的框的类型，定义建立布局时元素生成的显示框类型。

display的值可以取如下的值：

none此元素不会被显示。

block此元素将显示为块级元素，此元素前后会带有换行符。

inline默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block行内块元素。（CSS2.1 新增的值）