The solution of void problem in IE picture set _css/html

See ask this question a lot, so take a moment to tidy up, welcome everyone to comment, do the supplementary changes, thank you!
The problem is as follows:
<textarea id="runcode25400"><style> Div {width:500px; border:1px solid #f00; background: #000;} </style></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Workaround: First, change the arrangement of the HTML
<textarea id="runcode17114"><style> Div {width:500px; border:1px solid #f00; background: #000;} </style></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
solution: Two, Display:block
<textarea id="runcode95088"><style> Div {width:500px; border:1px solid #f00; background: #000;} img {display:block} </style></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
workaround: Three, negative
<textarea id="runcode34609"><style> Div {width:500px; border:1px solid #f00; background: #000;} img {margin-bottom:-5px} div>img {Margi n-bottom:0} </style></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Workaround: Four, font size
<textarea id="runcode16046"><style> Div {width:500px; border:1px solid #f00; background: #000; font-size:0} </style></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Workaround: V. Vertical-align:bottom
<textarea id="runcode71735"><style> Div {width:500px; border:1px solid #f00; background: #000} img {Vertical-align:bottom} </style> </textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
I'm still the old way, set line-height:0

