CSS Position MCQ Element Positioning Practice Questions

Direction: Choose the correct option

Which CSS property is used to specify the positioning method of an element?

A. display

B. position

C. top

D. float

Direction: Choose the correct option

.box {
    position: relative;
    top: 20px;
    left: 30px;
}

How will this element be positioned?

A. 20px down from its normal position

B. Relative to parent container

C. Relative to viewport

D. 20px up from its normal position

Direction: Choose the correct option

Which position value positions an element relative to its nearest positioned ancestor?

A. fixed

B. relative

C. absolute

D. static

Direction: Choose the correct option

.header {
    position: fixed;
    top: 0;
    width: 100%;
}

What is the behavior of this header?

A. Hidden initially

B. Stays at top while scrolling

C. Appears after scrolling

D. Scrolls with page

Direction: Choose the correct option

What is the default position value for all HTML elements?

A. absolute

B. static

C. relative

D. fixed

Quipoin Menu