CSS
发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 突破溢出：隐藏，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我们正在努力试图打破隐藏溢出的div.
@H_
607_2@我们有一个下拉菜单,在用户输入时填写建议(在搜索字段中输入’c’来查看).这个下拉菜单目前隐藏在菜单栏后面,因为它有“溢出隐藏”.
@H_
607_2@我们可以突破,如果我们删除顶部：100％并将位置设置为固定.但我们希望它保持绝对(即移动设备).
@H_
607_2@这里创建了一个示
例：https://edukarma.com/bootstrap/
@H_
607_2@下拉建议列表可以在.headerIte
m.headerSearch .searchField .twitter-typeahead .tt-dropdown-menu中找到.
解决方法
可能的解决方法是使用以下内容替换overflow：hidden：
@H_
489_14@.navbar .headerIte
m.headerSearch
{
display: table; /* like overflow,creates new block format
Ting co
ntext */
margin-left: 180px;
padding-right: 15px;
margin-top: 11px;
}
.navbar .headerIte
m.headerSearch:after
{
/* hack to make the table use all available width */
content: '. .';
/* with such big spacing,the 2nd dot will always wrap to the new line,making the table-like block use the width of the container
instead of shrinking to content */
word-spacing: 9
9in;
/* make this
Helper invisible */
display: block;
height: 0;
overflow: hidden;
}
大佬总结
以上是大佬教程为你收集整理的css – 突破溢出：隐藏全部内容，希望文章能够帮你解决css – 突破溢出：隐藏所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
