css可变长度列的延伸太远了

不是前端UI，但有一个（可能）很容易修复的问题。这是一个jsfiddle它：http://jsfiddle.net/trestles/U7mYT/我有两个浮动元素显示在此屏幕截图中。一个是左移，另一个（索引 - 右 - 内容）右移。浮动的右div有两列内容。第二列的时间要长得多，但不会扩展箱子以推下容器。索引权的内容是posistion：relative。索引权限内容是蓝色的虚线边框。css可变长度列的延伸太远了

THX

enter image description here

编辑＃1 它小提琴：http://jsfiddle.net/trestles/U7mYT/

我认为这个问题是 '指数箱权'，这是正确的浮动需要一些方法来清除本身，但增加了一个明确的：两者似乎并没有这样做。

没有任何帮助

来源

2011-12-21 timpone

显示一些CSS，将有助于跟踪问题。 – punit 2011-12-21 05:09:16

有这么多:-(让我试着去隔离它 – timpone 2011-12-21 05:10:32

你可以为此创建一个[jsfiddle]（http://jsfiddle.net） – punit 2011-12-21 05:12:48

我不知道为什么你应该使用定位为divindex-right-content做这个全职所以THX。此外，宽度超过它应该是...我想我看到640px的宽度，我认为这是不必要的，只要此div内的列的宽度已定义。

来源

2011-12-21 06:28:43 DriftingSteps

宽度只是在短时间 – timpone 2011-12-21 15:04:29

@timpone - 我想我在这里看到了问题...在'right'类中，用'float：right'替换了'position：right'，这是一个小提琴（显示在上面） ''会使它工作，另外，我添加了另一个名为'center'的类，并将它浮动到'left'。下面是代码 - http://jsfiddle.net/trestles/U7mYT/ – DriftingSteps 2011-12-22 05:25:56

但是我必须说，一切似乎都很好。也许主要问题是由于使用'position'。用'float'替换'position'并且一切正常。 – DriftingSteps 2011-12-22 05:36:38

查看更新的jsfiddle将浮点值添加到容器中的两个内部列。

来源

2011-12-22 05:00:51 punit

css可变长度列的延伸太远了

回答

相关问题