为助入门准备边界盒
在学习自举过程中,有各种各样的凹坑。如果我们在学习引导程序之前做好了准备,我们可以或多或少地避免一些坑。下面的小编辑器开始介绍边界盒属性的知识。在CSS文件中提出:boostrap.css升压电路,有这样一段代码:
{ *
Webkit盒尺寸:边界盒;
-moz盒尺寸:边界盒;
盒尺寸:边框框;
}
这意味着当代码编写,此属性将无处不在。这盒尺寸是什么地球的边界盒真的是个鬼吗让我们来看一个非常常见的代码:
运行代码显示702px外的高度,宽度702px,内部宽度和高度500px网站500px。这是毫无疑问的。现在让我们看看另一个代码。
{ *
Webkit盒尺寸:边界盒;
-moz盒尺寸:边界盒;
盒尺寸:边框框;
}
这段代码实际上是前两个代码的添加。它可以简单的理解,代码是在升压电路的框架开始。代码运行的结果是:外层的宽度是网站500px,高度网站500px,和内部的宽度298px。
这一结果的原因是:盒尺寸:边界框的元素的宽度和高度不被填充和边界的影响,如上面的代码,即使外有填充,边框,填充和边框也在外高宽度没有影响,外宽高或500px;但填料边界在哪里答:进去!打开浏览器的调试工具,查看外部样式的详细信息:
我们可以清楚地看到,填充物和边界是有效的,但它们占据了外部的内部空间。因为填充:100px占200px宽和高价值外,边境占据的高度和宽度2px,所以内只能得到宽和高价值的298px。
如果你在IE下有网页开发经验,你会发现盒子大小:边框框是IE的低版本的一个奇怪的模型。
以上是边界盒引入升压电路的相关知识,并介绍了萧边。你学过吗如果你有任何问题,请给我留言。萧边会及时给你回应。同时,我们也对网站的支持,大家都很感激!
下面是对盒子大小边框的理解
Webkit盒尺寸:边界盒;的div设置宽度将包括边框和填充
盒尺寸
testdiv {。
填料:10px;;
宽度:100px;
边境:10px solid
}
普通的
特殊的