css <br> .test{width:500px; margin:0 auto;} <br> .content{height:1%; overflow:hidden; } <br> .left{ float:left;width:100px; } <br> .right{float:left;width:100px; } <br> .left p{line-height:20px;padding-right:10px; } <br> .content_left{word-break:break-all;} <br> html <br> <div class="test"> <br> <div class="content"> <br> < ;div class="left"> <br> </div> <br> <div class="right"> <br> sdfs <br> </div> <br> </div> <br> </div <br> class="content_left" This div has top and bottom Spacing, margin is 0 by default, please solve it~~ <br> <br> </p> <p> </p> Reply to discussion (solution) <br> <h2> Content has upper and lower spacing </h2> <p class="sougouAnswer"> There is no problem when testing under IE. Are you sure it’s content and not p? </p> <p class="sougouAnswer"> I don’t know what browser the poster is referring to. There is a spacing under ff and it cannot wrap lines. Chrome is fine. It may be that the browser is incompatible </p>