给第二个div也设置一个float:left，
然后给大容器设置个清除浮动来防止高度塌陷
最好在css中写吧
div::after {content: ""
display: table
clear: both
}
html偏重于结构和内容，css主要起美化页面的作用。而且 html所具有的一些动态功能是css不具有的。内容+表现=页面
XHTML+CSS=PAGE
内容与表现分开,就是内容使用HTML,XHTML,而怎么对内容排版,显示使用CSS 标准网页的优点:
1. 代码更少,更容易维护.
2. 页面下载更快,宽带要求更低,硬盘容量需求更少.
3. 排版更加方便.
4. 可以提高易用性与可扩展性(可以适应很多其它的设备:搜索蜘蛛/屏幕阅读器/打印机/手持设备/移动设备等)
5. 内容与表现分离,使扩展更加简单,分工协作更加简单.
<div id="header"><h1>Main Title of Web Page</h1></div>h1标记对之后，有换行的功能，你试一试就知道了
h2,h3,...都有
