DIV位置 - div中的2 divs

Question

我在做什么错误 - 请帮我解决它 我所要做的就是把里面的div 2宽度为 div，因为你可以看到其中一个divs获取出从DIV

<div style="border: 3px solid black; float: right; height: 27px; width:100px"> 

    <div style="position: relative;border: 3px solid black; float: right; height: 27px; width:50%">1</div> 
    <div style="position: relative;border: 3px solid black; float: left; height: 27px; width:50%">1</div> 


    </div> 

Answer 1

我认为问题在于你的孩子DIVs边框属性。每个人都有一个6px的边框。尝试删除其边框并再次进行测试。 此外，您不需要为其位置值指定相对值。试试这个代码，并告诉我这里的结果。

<div style="border: 3px solid black; float: right; height: 27px; width:100px"> 
    <div style="float: right; width:50%">Right div</div> 
    <div style="float: left; width:50%">Left div</div> 
</div> 

Answer 2

他们不会因为国界的配合。 50％+ 50％+ 12px边框超过100％。如果你为外部div使用100px的固定宽度，你可以使用固定宽度为44px而不是50％的内部div，它应该可以正常工作

Answer 3

继从@克里斯托弗的answer，则box model套每箱50％宽，然后增加了6个像素到每个框的边框。

CSS3介绍box-sizing，可以让您控制

下面是展示了如何使用新的框大小做你需要的东西上jsfiddle一个例子。根据caniuse.com，在IE6或IE7中你不会有太多的运气，并且必须为Firefox添加-moz前缀。