Streaming live at 10am (PST)

Overflow option is set to "hide" and a gap displayed

When overflow option is set to “hide” on the dropdown button a gap displayed under it and I can’t reduce it.
Do you have an idea ? There isn’t margin nowhere.

https://preview.webflow.com/preview/jessica-project-7813d5?utm_medium=preview_link&utm_source=designer&utm_content=jessica-project-7813d5&preview=e2a9cba94283de30078c5f058771b48f&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @karle,

Visual formatting model - 9.4.1 Block formatting contexts
Floats, absolutely positioned elements, block containers (such as inline-blocks , table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visible’ (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.

It doesn’t occur with inline elements - example demonstrating this. All you have to do is change your dropdown menu to display: inline-block

Hope this helps!

1 Like