父div缩小小于子表的宽度

时间:2014-08-26 08:56:08

标签: html css html-table css-float overflow

我有一个只有固定高度的包装div。有两个子div,两个都浮动为水平。右手孩子div包含一张桌子。我希望右手div缩小到子表的宽度。相反,在垂直内容溢出的情况下,div缩小为小于 <{1}}(在Windows上的Firefox和Chrome中;不在Mac b / c上,滚动条是覆盖),导致水平滚动条出现。看起来溢出宽度与滚动条宽度大致相同,如果表格没有超出父高度,则没有溢出。 table内容是动态加载的,因此它会发生变化,这就是为什么我希望父table在宽度上拉伸以匹配而不进行水平滚动。

你可以看看真实的东西here。单击该书,然后单击左窗格中导致右窗格溢出的任何文本(第一行将起作用)。

我已经尝试了一些我能找到的与Stack Overflow密切相关的内容,包括.selector-chapter和父table-layout: fixed

感谢任何帮助。

display: table

1 个答案:

答案 0 :(得分:0)

我已完成调试..您可以对代码应用以下更改。

.selector { width: auto; display table;}

请检查选择器是否通过JS获得宽度我认为

.selector-book, .selector-chapter {display:table-cell;vertical-align:top;}

删除上面div的浮动

并将den应用于divs ul和div里面。 .selector-book,.selector-chapter