您现在的位置是：主页 > news > 普宁做男科检查长江网站L/优化建站seo门户
普宁做男科检查长江网站L/优化建站seo门户
admin2025/6/10 7:27:39【news】
简介普宁做男科检查长江网站L,优化建站seo门户,建设一下网站要求提供源码,包装网站开发overflow 中文意思是“溢出”，在html中意思也是如此。讲讲该怎么使用，在某个元素中包含了很多的行内容，而对这个元素设定了指定的宽度和高度，在查看效果的时，你就会发现内容过多就会导致在这个元素指定的高度下内容会超…
overflow 中文意思是“溢出”，在html中意思也是如此。讲讲该怎么使用，在某个元素中包含了很多的行内容，而对这个元素设定了指定的宽度和高度，在查看效果的时，你就会发现内容过多就会导致在这个元素指定的高度下内容会超出。比如元素高度设置了 300px，而元素所包含的内容高度就不只300px ，会超出所设定的这个范围，那么该如何设置呢，看实例，贴上一段html代码。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style type="text/css">#file-content {width: 40%;height: 100%;min-height: 42px;max-height: 290px;padding: 0 .9em;border: solid 1px #ddd;background-color: #fdfdfd;}</style>
</head>
<body>
<div id="file-content"><ul id="dir-file"><li><span>aa</span><ul><li>aaa</li><li>aaa</li><li>aaa</li></ul></li><li><span>bb</span><ul><li>bbb</li><li>bbb</li><li>bbb</li></ul></li><li>c</li><li><span>aa</span><ul><li>aaa</li><li>aaa</li><li>aaa</li></ul></li><li><span>bb</span><ul><li>bbb</li><li>bbb</li><li>bbb</li></ul></li><li>c</li></ul>
</div>
</body>
</html>运行后效果图：
设置div元素的 max-height 为 290px ，当内容过多就会超出 290px 范畴。不想让内容超出290px，改怎么做呢。就需要用到 overflow 属性
给div 加上 overflow: hidden 样式可以对溢出的内容进行隐藏。
加好后看看效果：
是不是没有溢出了，overflow:hidden 对于页面设计方面很常用，一般这种情况也很常见。再来讲讲另一种用法。如果内容溢出过多，不想让内容隐藏掉，原封不动的显示在所含的元素中，该如何修改。
直接将 overflow: hidden 改为 overflow: auto 即可，看效果。
加好之后的效果：
将hidden改为auto，元素右边会自动出现滚动条，就可以将隐藏掉的内容全部显示在指定的元素中了，使用场景：用于页面数据过多显示。
