<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> </head> <style> .column-left { background: red; } .column-right { background: pink; } .column-left, .column-right { margin-bottom: -9999px; padding-bottom: 9999px; width: 500px; float: left; } .container { margin: auto; max-width: 1020px; overflow: hidden; } </style> <body> <div class="container"> <div id="colLeft" class="column-left"> <h4>正方观点</h4> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> <p>观点1</p> </div> <div id="colRight" class="column-right"> <h4>反方观点</h4> <p>观点1</p> </div> </div> </body> <script> </script> </html>