float
<!DOCTYPE html> <html> <head> <title></title> <style > .one,.two{ width: 100px; height: 100px; background: red; } .two{ background: blue; float: left; } </style> </head> <body> <div class="one"></div> <div class="two"></div> </body> </html>
如果是onefloat,two回被遮掉,但是one会把two里的内容给挤掉下来
并没有收任何影响