我們有時進行網頁設計時為了想讓使用者感興趣的内容優先顯示在前，又不想改動代碼的先後順序，要怎麼操作呢？（或者換種說法：源代碼中要先看到A再看到B，而視覺上是先B再A）舉個簡單的例子，想讓第二行的内容在不改動代碼的情況在視覺上顯示在第一行。如圖，左圖是正常顯示，想讓它們對換一下順序，像右圖一樣展示出來。
我們可以通過div+css的形式來定義
css中position的absolute(絕對)和relative(相對)兩個參數，我們将上面右圖的css作如下定義：
儲存，重新整理一下頁面試試，是不是你想要看到的效果了？