用CSS分隔两个div

假设我有两个div和A,它们目前并排排列.如何让A与B分开50px,同时仍然让A占据剩余空间的70％而B剩下的30％？

编辑：在我实际尝试之前一点接受答案.哎呦.

JSfiddles：

A Tale of Two Divs

Now separated,但现在第二个在第二行？

解决方法

我相信你选择的答案是行不通的：

http://jsfiddle.net/cNsXh/

编辑：
对不起,上面的例子一开始并不正确.现在它是.
/编辑

正如您所看到的,div #b将在div #a下移动,因为margin-left(或padding-left)将被添加到30％.而且因为我们在这里将百分比与像素值混合在一起,我们将无法定义能够保证始终合计100％的值.

您需要使用div #b的包装器,其宽度为30％,而不是为div #b定义宽度,但是定义margin-left.因为div是一个块元素,它会自动填充包装器div中的剩余空间：

http://jsfiddle.net/k7LRz/

这样你就可以绕过CSS< 3个盒子模型特征被奇怪地定义为使得定义尺寸(宽度/高度)不会减去边缘和/或填充和/或边界宽度.我相信CSS 3的盒子模型将在这里提供更灵活的选择.但是,诚然,我还不确定这些新功能的跨浏览器支持.