我有一个只有固定高度的包装div
。有两个子div
,两个都浮动为水平。右手孩子div
包含一张桌子。我希望右手div
缩小到子表的宽度。相反,在垂直内容溢出的情况下,div
缩小为小于 <{1}}(在Windows上的Firefox和Chrome中;不在Mac b / c上,滚动条是覆盖),导致水平滚动条出现。看起来溢出宽度与滚动条宽度大致相同,如果表格没有超出父高度,则没有溢出。 table
内容是动态加载的,因此它会发生变化,这就是为什么我希望父table
在宽度上拉伸以匹配而不进行水平滚动。
你可以看看真实的东西here。单击该书,然后单击左窗格中导致右窗格溢出的任何文本(第一行将起作用)。
我已经尝试了一些我能找到的与Stack Overflow密切相关的内容,包括.selector-chapter
和父table-layout: fixed
。
感谢任何帮助。
display: table
答案 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