我希望.cols
内部.row
继承.row
的高度并使其.cols
固定在.row
. 这是小提琴..
http://jsfiddle.net/Hhf8R/
我的想法是让它像一张桌子,但使用 div。像这样:http: //jsfiddle.net/hhUtb/
我希望.cols
内部.row
继承.row
的高度并使其.cols
固定在.row
. 这是小提琴..
http://jsfiddle.net/Hhf8R/
我的想法是让它像一张桌子,但使用 div。像这样:http: //jsfiddle.net/hhUtb/
为了让 div 达到其父级高度的 100%,父级必须具有定义的高度。
浏览器无法计算 100%(或继承)尚未完全呈现的内容。
height
如果您希望子代继承它,则需要在父代上设置CSS 属性。
如果您希望您的高度根据内容动态变化,那么不幸的是,使用 CSS 无法轻松实现这一点。有几种不同的方法;这似乎是一个不错的起点。
您需要在父row
级上明确高度才能inherit
有意义。
向您的行添加高度声明:
并且浮动列确实继承了父级的高度。
(旁注:会有人告诉你花车不能继承高度:
但不一定如此。)
您可以通过检查可能改变您的内容的更改来修复 js 中内容的高度。
例如,我有一个 Html 编辑器,它使用 setTimeout 为光标设置动画。当光标动画时,如果需要,我会更改单元格的高度。