css可变长度列延伸得太远了 [英] css variable length columns extending too far

问题描述

不是前端用户界面，但有一个（可能）很容易修复的问题。这里是一个jsfiddle它：

我认为这个问题是'正确的索引框'，这是正确的浮动需要某种方式来清除自己，但增加一个明确的：两者似乎并没有这样做。 p>

不要这样做全职，所以thx任何帮助

解决方案

查看已更新的 jsfiddle 将float添加到容器中的两个内部列。

Not a front-end UI but have a (probably) very easy problem to fix. Here is a jsfiddle of it: http://jsfiddle.net/trestles/U7mYT/ I have two floated elements shown in this screen shot. One is floated left and the other (index-right-content) is floated right. The floated right div has two columns of content. The second column is much longer but doesn't expand out the box to push down the container. The index-right-content is posistion:relative. The index-right-content is the blue dashed border.

thx

edit #1 fiddle of it: http://jsfiddle.net/trestles/U7mYT/

I think the issue is the 'index-box right' which is right floated needs some way to clear itself but adding a clear:both didn't seem to do it.

don't do this full-time so thx for any help

解决方案

see the updated jsfiddle adding float to both inner columns in container.

这篇关于css可变长度列延伸得太远了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！