子div的高度溢出父容器

作者：ifx0448363 | 2023-08-10 12:32

如何解决《子div的高度溢出父容器》经验，为你挑选了1个好方法。

我们需要为div的溢出文本设置垂直滚动条.问题是当我们将高度设置为100%并溢出到auto时,它会扩展到其父容器之外,因为它前面有另一个兄弟div.这是一个例子:



...


    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec condimentum pretium nisl.

app-body设定为100%,则它以具有100像素的高度,这使得它溢出超出的底部container通过2em.我们尝试根本不使用高度app-body但是导致它溢出而没有显示滚动条.

我知道我们可以将高度设置为较小的百分比或固定数量的像素,但如果字体大小改变,这将导致我们的问题.如果高度100% - 2em有效,那么这将是我们试图定义的.

1> o.k.w..：

试试这个,将app-body定位设置为绝对值,然后将顶部固定为3em,其余部分固定为0:

PS:以上在FF3.6,IE8,Webkit浏览器上测试过.

推荐阅读

程序员
返回ajax字符串是'空'但不能将其固定为'空',为什么？

如何解决《返回ajax字符串是'空'但不能将其固定为'空',为什么？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Generic Linq to Entities过滤器方法,它接受要过滤的过滤条件和属性

如何解决《GenericLinqtoEntities过滤器方法,它接受要过滤的过滤条件和属性》经验，为你挑选了1个好方法。 ... [详细]
程序员
当作为具有接口约束的通用参数传递时,值类型是否装箱？

如何解决《当作为具有接口约束的通用参数传递时,值类型是否装箱？》经验，为你挑选了1个好方法。 ... [详细]
程序员
将整数转换为单词和罗马数字

如何解决《将整数转换为单词和罗马数字》经验，为你挑选了1个好方法。 ... [详细]
程序员
Swift字典错误访问

如何解决《Swift字典错误访问》经验，为你挑选了1个好方法。 ... [详细]
程序员
什么是RPM包中的SPEC文件中的1%{？dist}

如何解决《什么是RPM包中的SPEC文件中的1%{？dist}》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用awk总结最后一列中的值

如何解决《使用awk总结最后一列中的值》经验，为你挑选了1个好方法。 ... [详细]
程序员
将带空格字符的字符串参数传递给内核模块

如何解决《将带空格字符的字符串参数传递给内核模块》经验，为你挑选了1个好方法。 ... [详细]
程序员
Git分支在Jenkins中用groovy脚本选择

如何解决《Git分支在Jenkins中用groovy脚本选择》经验，为你挑选了1个好方法。 ... [详细]
程序员
来自UITableView的错误值:iOS8中的rowHeight

如何解决《来自UITableView的错误值:iOS8中的rowHeight》经验，为你挑选了2个好方法。 ... [详细]
程序员
使用jasmine模拟函数调用

如何解决《使用jasmine模拟函数调用》经验，为你挑选了1个好方法。 ... [详细]
程序员
SharePoint 2010 Web服务上的Java JBoss 401错误

如何解决《SharePoint2010Web服务上的JavaJBoss401错误》经验，为你挑选了0个好方法。 ... [详细]
程序员
在绘图箱上绘图 - 如何及时跟上鼠标移动？

如何解决《在绘图箱上绘图-如何及时跟上鼠标移动？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在每个<ul>的最后一个<li>之后删除所有文本？

如何解决《如何在每个<ul>的最后一个<li>之后删除所有文本？》经验，为你挑选了1个好方法。 ... [详细]
程序员
摆动假设 - 红宝石中字符串数组的组合或排列

如何解决《摆动假设-红宝石中字符串数组的组合或排列》经验，为你挑选了1个好方法。 ... [详细]
程序员
Stata foreach回归循环错误

如何解决《Stataforeach回归循环错误》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用okHttp信任所有证书

如何解决《使用okHttp信任所有证书》经验，为你挑选了5个好方法。 ... [详细]
程序员
mock.patch()没有修补类调用函数调用内的几个级别的类

如何解决《mock.patch()没有修补类调用函数调用内的几个级别的类》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何找到R中最长的相同数字

如何解决《如何找到R中最长的相同数字》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在PX中设置DP的高度和宽度

如何解决《如何在PX中设置DP的高度和宽度》经验，为你挑选了1个好方法。 ... [详细]

ifx0448363

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章