基于子元素min-width是否有可能拥有父元素的大小?

问题描述:

我有一个父元素与一些子元素。子元素具有min-width集合,但父元素不包含。当浏览器窗口小于min-width时,子元素的宽度是正确的,但父项越来越小,导致子项溢出。是否有可能迫使父母至少像孩子一样广泛? (不使用JavaScript)基于子元素min-width是否有可能拥有父元素的大小?

http://jsfiddle.net/Psczr/

(拖动分隔大部分到右侧,然后向右滚动在结果窗口中)

你在这种情况下的问题是,您使用的是相对父级的宽度和子级的固定最小宽度。你想要处理的解决方案在直接的CSS中是不可能的。您应该为所有元素使用相对宽度,或为父级建立固定的最小宽度。

+0

啊我一直希望有一个CSS的唯一途径,因为计算最大最小宽度将采取一些递归(这是有很多的表,可以得到很长的一些公司内部页) ,并为此它只是不值得一点额外的工作:) – carpat

设置父和子继承......但在你的脚本td的父级的最小宽度不divtr ...的tr的父母是table ...并且table的父母是div

http://jsfiddle.net/Psczr/12/

+0

另一个答案是有点老,所以得到接受:) – carpat

+0

如果这是正确的答案,你然后没有问题,我:) – memosdp