Question

6. There are 3 types of positioning commands in CSS: static, relative, and absolute. Explain how each type behaves with regard to: (a) (2 pts) whether or not offsets can be specified (b) (2 pts) where offset values are measured from

Answer 1

6. Solution for the problem is provided below, please comment if any doubts:

Positioning commands in CSS:

(a)

• Static: No offsets can be specified in case of static positioning command. The element will be placed according to the flow of the web page. Even if the offsets are set for static positioning, the effect will not take place. Thus offset can’t be specified in static command mode.
• Relative: It is a positioning command used to place the elements relative to the normal position. Thus offsets can be specified for the relative positioning command. Thus offset can be specified in relative command mode.
• Absolute: The absolute positioning command is used to place the elements in relative to the positioned element nearby. If no such previous entry is there the document body will be used for positioning. Thus offset can be specified in absolute command mode.

(b)

• Static: No offsets can be specified with this command so there is no question where the offset values measured from.
• Relative: The offset value will be measured from normal position.

• Absolute: The absolute position command measures the offset from previously placed element.