Css 以div及其边框的宽度发布

Css 以div及其边框的宽度发布,css,html,width,border,Css,Html,Width,Border,我是css的新手,我想和你讨论这个问题: 假设我们有一个名为a的div,它的宽度=xpx,在它里面还有两个div,div B和div C B组: width: 20%; border: 1px; C组: width: 80%; border: 1px; 因此,这两个div的宽度之和如下所示: 20%+80%+2(1px左边框+1px右边框)=>100%(“A区宽度)+4px 问题是如何使B和C的宽度等于A的宽度,而不管其边界的宽度是多少?如果你看一看,边界,填充和边距都是在元素外部计算的,为

我是css的新手,我想和你讨论这个问题:

假设我们有一个名为a的div,它的宽度=xpx,在它里面还有两个div,div B和div C

B组:

width: 20%;
border: 1px;
C组:

width: 80%;
border: 1px;
因此,这两个div的宽度之和如下所示:

20%+80%+2(1px左边框+1px右边框)=>100%(“A区宽度)+4px

问题是如何使B和C的宽度等于A的宽度,而不管其边界的宽度是多少?

如果你看一看,
边界
填充
边距
都是在元素外部计算的,为了根据需要在内部计算
边界
,你必须使用 属性的值为
边框框

(正常)

(使用
框大小调整

如果您查看一下,
边框
填充
边距
在元素外部计数,以便根据需要在内部计数
边框
,您必须使用 属性的值为
边框框

(正常)


(使用
box size

我假设B或C具有
float
属性。
在这种情况下,从非浮动div中跳过
宽度
-规范。它将自动填充宽度的其余部分,并紧贴A的边界。

我假设B或C具有
浮动
属性。 在这种情况下,跳过非浮动div中的
width
-规范。它将自动填充其余宽度,并紧贴A的边框。

您正在寻找-还请注意,FF要使用的属性的FF
-moz
前缀。您正在查找-还请注意,为此属性FF
-moz
前缀工作的财产。