我們的志工尚未將本文翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!
您也可以閱讀本文的 English (US) 版本。

Viewing the box model

With the Select Element button pressed, if you hover over an element in the page, the box model for the element is shown overlaid on the page:

It's also shown overlaid if you hover over an element's markup in the HTML pane:

If the element is inline and is split over multiple line boxes, the highlighter shows each individual line box that together make up the element:

The Box Model view

When an element's selected, you can get a detailed look at the box model in the Box Model view:

If you hover over a value, you'll see a tooltip telling you which rule the value comes from:

If you hover over part of the box model in the Box Model view, the corresponding part of the page is highlighted:

Editing the box model

You can also edit the values in the Box Model view, and see the results immediately in the page:

文件標籤與貢獻者

標籤: 
此頁面的貢獻者: mdnwebdocs-bot, wbamberg, Sebastianz, kscarfone
最近更新: mdnwebdocs-bot,