To make a `div` element occupy the full space of its parent element (a link block) with a width and height set to 100% in Webflow, you need to ensure the following settings are in place:
1. Structure:
- Place the `div` element inside the parent element (in this case, the link block).
2. Dimensions:
- Select the `div` element and access the Dimensions settings panel.
- Set the width to 100% by either clicking on the width value input box and typing "100%" or dragging the handle to the full extent of the parent link block.
- Set the height to 100% using the same procedure.
3. Positioning:
- With the `div` element still selected, access the Position settings panel.
- Set the Position to `Relative` or `Absolute` based on your specific needs. Relative positioning will allow the `div` element to adjust itself within the normal flow of content, while absolute positioning will take the `div` element out of the normal flow and position it relative to its closest positioned ancestor.
- Set the top, right, bottom, and left values to 0 to ensure it occupies the complete space of the parent element.
4. Overflow:
- By default, the parent element (link block) may have overflow set to `Visible`. If you want the `div` element to properly occupy the space and not overflow outside the parent's boundaries, ensure that the parent's overflow is set to `Hidden`.
By following these steps, you can ensure that the `div` element within the link block occupies the full width and the full height of its parent element. Remember to adjust the positioning and overflow settings based on your specific design requirements.