css - How do I uncollapse a margin? -

Convergence margins in CSS:

I understand, but I'm trying to layout, And

The way CSS explained in the tutorial is either:

1. Add a border
2. Add a padding
< / Ol>

The effects of all these side effects are clear, when you are working with pixel-perfect layout with background images and fixed padding.

Is there a way to disable fall in the layout without covering the additional pixels? It does not make any sense to influence the document in terms of changing the behavior in any way.

Well you need something in the middle of the "break" in between.

My first thought was to use a device with the display: no one is set in the middle, but that does not work.

So I tried:

  
 div style = "overflow: hidden; height: 0px; width: 0px;" & Gt; & Lt; / Div & gt;  

What is doing well (at least in Firefox, here is not installed here to test Internet Explorer ...)

 < Code> & lt; Html & gt; & Lt; Body & gt; & Lt; Div style = "margin: 100px;" & Gt; & Lt; / Div & gt; & Lt; Div style = "overflow: hidden; height: 0 pixel; width: 0px;" & Gt; & Lt; / Div & gt; & Lt; Div style = "margin: 100px;" & Gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;