与前一个兄弟

考虑以下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

与前一个兄弟

回答

相关问题