<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"> div{ border:1px solid #039; text-align:center; } #header{ width:100%; height:80px; } .logo{ width:30%; background-color:#0fc; float:left; } .today{ width:30%; background-color:#ccc; float:left; } .search{ width:39.5%;/*定义为40%会导致搜索栏不能和前两个在同一行。*/ background-color:#cf9; float:left; } </style></head><body> <div id="header"> <div class="logo">网站Logo</div> <div class="today">当前日期</div> <div class="search">搜索栏</div> </div></body></html>ログイン後にコピー
secusionディスカッション（ソリューション）に繰り返します（ソリューション）
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
