Css <;部门>;显示为表行赢得';我不能控制它的孩子

Css <;部门>;显示为表行赢得';我不能控制它的孩子,css,Css,我最近遇到了一个显示问题:表行;出于技术原因,我需要一个来使用这种显示,而不是块显示 这是我的设置:。这把小提琴显示了我正在努力实现的目标;div.parent在此显示为块。但是,当将其显示为表行(使用按钮更改显示值)时,事情将停止按我所希望的方式运行 而不是使用滚动条,div#ctn1变得太大(应限制为其父级高度的100%),并使父级比它应该的高 顺便说一句,我想为标题道歉,这个标题不太清楚。我希望你能理解我的问题,帮助我找到解决办法。谢谢 如果div是display:table row,那么

我最近遇到了一个显示问题:表行;出于技术原因,我需要一个
来使用这种显示,而不是
显示

这是我的设置:。这把小提琴显示了我正在努力实现的目标;
div.parent
在此显示为
。但是,当将其显示为
表行
(使用按钮更改
显示
值)时,事情将停止按我所希望的方式运行

而不是使用滚动条,
div#ctn1
变得太大(应限制为其父级高度的100%),并使父级比它应该的高


顺便说一句,我想为标题道歉,这个标题不太清楚。我希望你能理解我的问题,帮助我找到解决办法。谢谢

如果
div
display:table row
,那么它的子项需要是
display:table cell
(我认为它自己的父项需要是
display:table
display:table row group
,但我不能完全肯定这一点)@David Thomas:如果一个元素是
display:table row
,它将在其所有内容周围形成一个假想的表格单元格边界,并在其自身及其所有相邻的表格行同级周围形成一个假想的表格或行组边界,如果相应的元素尚未以这种方式显示。修改HTML是一个选项吗?@BoltClock:我有关于HTML本身没有太多限制(尽管我想保留一个轻松的标记)。所以,是的,请随意修改:)欢迎任何帮助!