2 replies

CSS Margin Collapse

<div1 />
<div id="some-id"></div>
<div2 />

<div1 />
<div id="some-id"></div>
<div2 />

There's some third party script which targets

some-id

some-id

to render their component, but there are cases where it can be empty.

<div1 />

<div1 />

and

<div2 />

<div2 />

has a

marginBottom

marginBottom

and

marginTop

marginTop

32px

32px

. When

<div id="some-id"></div>

<div id="some-id"></div>

wasn't there, the margin was collapsing, but with the introduction of

div

div

now I'm getting

64px

64px

margin even tho the

some-id

some-id

div is empty and there's no margin collapse.

So, how can I remove the

div

div

tag if the

script

script

tag doesn't appends anything on the UI?