小米官网页面的实现

用定位实现小米官网

注意：position和margin的简写形式不能同时用，但可以margin-left等可以同时生效

Label for=“ID值”和a标签定位实现功能差不多（轮播图）

<div class="banner">

    <img src="..." id="img1">

    <img src="..." id="img2">

    <img src="..." id="img3">

    <img src="..." id="img4">

  </div>

  <p>

    <a href="#img1">1</a>

    <a href="#img2">2</a>

    <a href="#img3">3</a>

    <a href="#img4">4</a>

  </p>

 

相对定位 该元素原位置还保留

父级相对定位 子级绝对定位 该元素本身位置不做保留。

源码（一部分）