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可變長度列的延伸太遠了

回答

相關問題