[英]Chrome Developer tools orange box
我知道开发人员工具中的橙色框代表边距,但是当我做边距时:0; 对于一个块元素它仍然存在(橙色框),我知道块元素总是采用全宽并且不允许同一行/行上的其他元素,那么那个采用全宽的橙色框是什么(什么是宽度的左侧)? 只是您无法删除的边距还是其他原因?
边距无关紧要,这一切都与您何时给出display:block
您的元素想要width:100%
但您给出width:200px
所以这个橙色框出现以保持整行有关。
如果你删除这个橙色框,你可以给你的元素display:inline-block;
但是此时您的另一个元素可以位于您正在使用的元素旁边。 如果你想防止这种情况,你可以制作一个容器 class 并给它width:100%;
.
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.