框大小-“轮廓”是在“边框”还是“内容框”中计算的？
框大小-“轮廓”是在“边框”中计算的。
在前端开发中，一个元素的框模型由内容框、内边距、边框和外边距组成。其中，边框是围绕内容框的可见边界，用于定义元素的外观和大小。
框大小指的是元素的整体尺寸，包括内容框、内边距和边框的总和。而“轮廓”是指边框的可见部分，可以通过CSS的outline属性进行设置。
在计算框大小时，轮廓是在边框中计算的，即轮廓的大小会影响元素的总体尺寸。具体而言，框大小 = 内容框大小 + 内边距大小 + 边框大小。
在实际开发中，可以使用CSS的width和height属性设置内容框的大小，使用padding属性设置内边距的大小，使用border属性设置边框的样式、宽度和颜色。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
在计算长方体的宽度和高度时，轮廓宽度如下如果为box-sizing:border-box，框的宽/高中是否会考虑轮廓？
浏览 10提问于2018-07-12得票数 3
回答已采纳
3回答
好的，我尝试过一百万种不同的方法，但都找不到一个好的方法。我要做的就是在样式表中创建一个没有定义宽度的框，用作任意数量的仪表板项目的模块容器，然后使用width25、width33、width50、width100的类将模块容器的宽度设置为25%、33%等……在每个容器之间，我想要有一个间隔物或缓冲器。假设我一行有三个盒子: 25%，50%，25%。在向框
浏览 0提问于2013-02-06得票数 0
回答已采纳
2回答
我在试着提取这里面的子图像
二进制阈值在250
等值线
正如你所看到的，它不是完美的，它正在捡起一些不是方形的东西。以下是代码：int thresh = 250;RNG rng(12345);
/// Function header
浏览 3提问于2014-12-08得票数 1
回答已采纳
2回答
虽然我在理论上确实了解整个CSS框模型，如填充、边框、边距，但我的理解仅限于这些单独的部分。
我经常搞不懂浏览器实际上是如何呈现它的。例如，Like padding在边界内，但是如何计算边距？它是框边框还是相对于屏幕？如果我们同时给左边距和右边距，哪个优先级更高？如果有宽度和左/右边距，实际渲染是如何进行的，就像首先制作框的</
浏览 6提问于2011-08-27得票数 4
回答已采纳
2回答
有没有办法在Android中应用“调整大小”动画而不是缩放动画？使用缩放动画时，正在调整大小的图像或布局将被拉伸，这包括轮廓图像的边框/笔划轮廓。我有一个方框，周围有两条线，当应用动画时，笔触看起来会变大，这可能是因为“缩放”动画除了可绘制外，实际上还缩放了边框/笔画。有没有办法让框变大，而不让笔画/边框/轮廓看起来也变大？
浏览 5提问于2010-07-06得票数 2
在mui中，使用伪元素来编写方法。我不知道如何使用文档，所以我发布了一个问题。
我需要帮助。感谢您的阅读。
浏览 0提问于2019-05-14得票数 2
回答已采纳
因此，我们有一个包含子元素的包含块。子元素具有height: 100%或其他百分比。
如果包含块具有高度、填充和边框集，是否将子元素的高度计算为包含块的内容框高度、填充框高度、边框高度的100%？如果我们更改容器块的装箱大小，但也进行其他更改，例如容器块的内容框/填充框/边框</em
浏览 1提问于2015-07-08得票数 2
回答已采纳
2回答
计算还是不计算边界？
、、、
嘿，伙计们，我有个任务的小问题。我必须创建这个页面，它在Chrome中看起来很棒，但在Firefox中，每个div单元格都会缩小一个像素，我相信这与边框宽度有关。是不是有什么工作或者我做错了什么？我正在使用CSS重置，并且我已经声明了我的文档类型。
提前谢谢。
浏览 1提问于2013-01-03得票数 0
我注意到我的html表单中有一个问题，其中文本输入字段被切断了。我把它的原因缩小到我们在页面顶部使用的指令。有人能向我解释一下这是怎么回事吗？我在IE9、火狐23和Chrome 29中注意到了这个问题。<!
浏览 4提问于2013-09-12得票数 1
回答已采纳
关于框的边距、边框、填充区和内容区，区域(边距、边框、填充区和内容区)和框(边距框、边框、填充框和内容框)之间的区别是什么？例如，如果它们是相同的东西，边框只是一个区域之间的边距框和填充框的厚度由border-width属性决定？borde
浏览 6提问于2022-07-03得票数 1
回答已采纳
2回答
我有一个简单的纯html/css边框的问题。background-color: green; height: 100px; padding: 0;此cssText会将ID为"demoDiv“的div-element样式化为带有黑色边框的绿色框。但现在我的问题来了.Firefox告诉我，这个盒子的高度和宽度都是101,6px。
唯一有效的
浏览 0提问于2020-05-11得票数 0
因此，我正在设计一个具有窗口窗体的控件。我想要将一些控件与标题组合在一起。所以我自然会选择GroupBox。但是，使用面板是否有一些优势呢？对于一个对表单设计还很陌生的人来说，有什么东西是不是一目了然的呢？也可以说一些“明白了”的话。
浏览 2提问于2009-06-19得票数 9
回答已采纳
我正在使用Firefox，并且似乎无法摆脱围绕所选选项的大纲。我的代码 <div class="drop-select"> border: none; color: #000;}
即使我将大纲设置为0，边框设置为JSFiddle<
浏览 1提问于2012-10-28得票数 2
我想改变下一个轮廓宽度的值。我试着这样做，但结果是它仍然保留了轮廓的原始值。我该怎么做？提前谢谢你。
更新:这是我正在处理的实际代码。
浏览 5提问于2017-10-02得票数 2
回答已采纳
参见本例：
我用250x250px做了一个overflow: auto;父div，这样当内容溢出框时，滚动条就会出现。我已经设置了一个蓝色的背景，以明确什么时候家长是可见的。在父服务器内部是一个具有红色背景的子div，以提高可见度。它有8px黑色边框和box-sizing: border-box;，因此在计算盒的大小时包括填充和边框。计算
浏览 0提问于2012-02-29得票数 9
回答已采纳
MyCustomFont, Verdana, Arial, sans-serif; background-position:center 0;}
在internetexplorer中显示左边框和下边框如何删除这些边框？
浏览 3提问于2013-02-16得票数 0
回答已采纳
3回答
在它工作完全正常的情况下，文本区域高度变为20px，高度中不包括5px的填充。但是，在少数情况下，文本区域的高度包括填充，并且高度被减少到8px。我已经寻找了任何css，如果它覆盖它，但我没有找到。我比较了两种情况下的结果。左边是减少后的高度，右边是预期高度。
我可以解决这个问题，在其他情况下管理高度特别，添加！重要的或在一些JavaScript的帮助下。但是，我想知道是什么
浏览 0提问于2013-03-11得票数 26
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
