簡體   English   中英

Chrome 開發者工具橙色框

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM