與前一個兄弟

考慮以下CSS對準： http://jsfiddle.net/Johnny5/EC8kK/與前一個兄弟

我想輸入按鈕對準右與內格，而沒有與另一個元件纏繞。例如：

|---div.container-------------------| 
|         | 
| |--div.box---------------|  | 
| |      |  | 
| |------------------------|  | 
|         | 
|    |--input--|  | 
|    |---------|  | 
|         | 
|-----------------------------------|

的.box寬度是已知的，但不是輸入的寬度。所以我無法準確計算該輸入的margin-left。我不想在.box和輸入框中添加一個容器<div>。不太在乎IE瀏覽器< = 7.

理想的解決方案將修改只有的CSS，而不添加html標記。

有什麼建議嗎？

來源

2011-08-03 Johnny5

http://jsfiddle.net/EC8kK/4/和http://jsfiddle.net/EC8kK/5/如果你想'輸入'留在'.container'內 – acm

輸入必須是_outside_ div.box。 – Johnny5

我更新了小提琴，我忘了保存更改之前發佈我的問題... – Johnny5

這裏是小提琴

http://jsfiddle.net/RcNSN/

這裏是不用修改HTML代碼。調整右邊距，一旦你刪除邊框。

http://jsfiddle.net/RcNSN/2/

來源

2011-08-03 15:20:50 avetarman

不錯，但我會preffer解決方案，不修改原始HTML，只有CSS。 – Johnny5

剛剛添加了另一個代碼。 – avetarman

這看起來像你將不得不因爲你不知道輸入的寬度。 –

什麼是這樣的：http://jsfiddle.net/bGE2J/？只要你的容器不流體，它應該工作。

來源

2011-08-03 15:37:08

事實上，容器_is_流體，altought在小提琴它不是... – Johnny5

@ Johnny5流體像素或％？ –

在我的真實網站中，容器實際上是一個''。該表具有固定的像素寬度，但單元格的數量和內容取決於許多參數，因此此容器TD的大小取決於其他內容的大小。也許我可以修復這個尺寸。 – Johnny5

與前一個兄弟

回答

相關問題