Css 以div及其边框的宽度发布
我是css的新手,我想和你讨论这个问题: 假设我们有一个名为a的div,它的宽度=xpx,在它里面还有两个div,div B和div C B组: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的宽度,而不管其边界的宽度是多少?如果你看一看,边界,填充和边距都是在元素外部计算的,为
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
前缀工作的财产。