html - css 可变长度列延伸太远

Question

不是前端 UI，但有一个(可能)非常容易解决的问题。这是它的一个 jsfiddle:http://jsfiddle.net/trestles/U7mYT/此屏幕截图中显示了两个 float 元素。一个向左浮动，另一个(index-right-content)向右浮动。 float 的右侧 div 有两列内容。第二列更长，但不会展开盒子以向下推容器。 index-right-content 是 position:relative。 index-right-content 是蓝色虚线边框。

谢谢

编辑#1它的 fiddle :http://jsfiddle.net/trestles/U7mYT/

我认为问题是右浮动的“索引框右”需要一些方法来清除自身但添加一个 clear:both 似乎没有这样做。

不要全职做这个，谢谢任何帮助

Answer 1

我不知道为什么要对 div 使用定位index-right-content .另外，宽度超过了应有的宽度……我想我看到了640px对于宽度，我认为这是不必要的，前提是此 div 内的列的宽度已定义。