无论设置宽度如何，Div增长到超过站点宽度：100％

Question

我想将div分成2个空格，每个空格等间隔，带边框。这是我的尝试：

<div style="float:left;width:100%;height:100%;border:0px solid black;">
    <div style="border:1px solid black;width:100%;height:100%">
        <div style="float:left;width:50%;height:100%;border:0px solid black;">
            <div style="border:1px solid black;width:100%;height:100%">
                a
            </div>
        </div>
        <div style="float:left;width:50%;height:100%;border:0px solid black;">
            <div style="border:1px solid black;width:100%;height:100%">
                b
            </div>
        </div>
    </div>
</div>

这不起作用。外部div溢出身体，因此它具有> 100％的宽度，与代码中所述的相反。 http://viclib.com/screen的实例。如何解决？

Answer 1

也许使用CSS outline而不是border;边界占用空间，但轮廓没有。你可以把其他一切都保持不变;只需将“border”替换为“outline”。