[英]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.