下面写个demo，仅供参考。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #page { margin:0 25% 0 25%; padding: 10px 10px; border:3px solid green; height:500px; } #header { margin: 0 auto; height: 100px; border:3px dashed pink; text-align:center; } #search { margin: 10px 0; border:3px solid deeppink; height :50%; width:45%; float:left; font-size: 28px; } #search2 { margin: 10px 0; border:3px solid deeppink; height :50%; width:45%; float:right; font-size: 28px; } </style> </head> <body> <div id=page> <div id=header> <h1>头部</h1> </div> <div id=search> <p>左</p> </div> <div id=search2> <p>右</p> </div> </div> </body> </html>