Css 使用边框调整html元素的大小

我有一个看起来很基本的问题，但它困扰了我很长时间

我的问题是宽度百分比。假设我有一个800px的容器div，里面有两个div，都被设置为浮动：左，宽50%。这将使它们并排并填满容器，但是如果我想给这些内部div添加边框，这将使它们太大而无法并排固定在容器内，并且会使一个下降到另一个下降的下方

因此，我的问题是：是否有一种自动填充容器的大小调整方法，可以在不必手动指定像素宽度的情况下考虑边框（对于800px容器，两个内部具有1px边框的div中的每一个都会使每个div 398px宽

---

谢谢

是的，有一种方法叫做

框大小调整

写下：

    .parent{
    overflow:hidden;
    width:800px;
}
.child{
    width:50%;
    float:left;
    background:red;
    border:2px solid green;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
}

检查这个

阅读这篇文章

---

但在IE8及以上版本之前，这是一项工作。

问得好，回答得好！节省了我很多时间！这是否适用于所有浏览器？艾迪怎么样？