在77ISP学技术

每日笔记，导航实例，实例并排浮动框，css并排浮动框，css浮动框框实

导航菜单

将 float 与超链接列表一起使用，来创建水平菜单：

实例

• Home

• News

• Contact

• About

Web 布局实例

使用 float 属性完成整个 Web 布局也很常见：

.header, .footer {
  background-color: grey;
  color: white;
  padding: 15px;
}

.column {
  float: left;
  padding: 15px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.menu {
  width: 25%;
}

.content {
  width: 75%;
}