# 传统网页布局三种方式

网页布局的本质就是利用css来摆放盒子

  • 普通流(标准流)
  • 浮动
  • 定位

标准流 就是按照规定好默认方式排列

  • 常见元素<div> <hr> <h1>-<h6> <ul> <ol> <form> <table>

  • 常用元素<span> <a><i> <em>

    实际开发中一个页面基本都包含了这三种布局方式

# 浮动

float属性用于创建浮动框,将其移动到一边,直到左边缘或者右边缘触及包含块或另一个浮动的边缘

float: none | left | right

  元素不浮动	元素向左浮动		元素向右浮动

174

更新时间: 31 分钟