Chrome 开发者工具橙色框

Question

我知道开发人员工具中的橙色框代表边距，但是当我做边距时：0；对于一个块元素它仍然存在（橙色框），我知道块元素总是采用全宽并且不允许同一行/行上的其他元素，那么那个采用全宽的橙色框是什么（什么是宽度的左侧）？是您无法删除的边距还是其他原因？

Answer 1

没有什么关于边距的，它的全部是当你给display:block你的元素想要width:100%但你给width:200px所以这个橙色框出现以保留整行。

İ如果您删除此橙色框，您可以给您的元素display:inline-block;，但此时您的其他元素可以放在您正在使用的元素旁边。如果你想防止这种情况，你可以创建一个容器类并给它width:100%;。