What is the height of the nav in the sample CSS?

What is the height of the nav in the sample CSS?

• A. 660px
• B. 600px
• C. 800px
• D. 662px

Answer: (D)

The height being tested is determined directly by the height property applied to the nav element in the CSS. In the sample, the nav selector sets height to 662px, so the content area of the navigation is 662 pixels tall. Whether the total on-screen height matches 662px depends on the box model: with the default content-box model, any vertical padding or borders add to the total height, while with border-box, the height value includes padding and borders, keeping the total at 662px. The presence of 662px as the specified value is why that option is correct—the CSS explicitly defines the nav’s height as 662px.

The height being tested is determined directly by the height property applied to the nav element in the CSS. In the sample, the nav selector sets height to 662px, so the content area of the navigation is 662 pixels tall. Whether the total on-screen height matches 662px depends on the box model: with the default content-box model, any vertical padding or borders add to the total height, while with border-box, the height value includes padding and borders, keeping the total at 662px. The presence of 662px as the specified value is why that option is correct—the CSS explicitly defines the nav’s height as 662px.