[問題] 如何float側欄到底部？

[Gold740716 (項為之強)]

最近開始在學校給網路空間架部落格。
由於不支援資料庫，大部份的架站軟體都不能用了。

自己認識一下PHP，架了一個簡單的動態網頁。
目標是希望可以用markdown寫文章，生成，丟上去就發好文了。
不過現在還做不到……，還得在reference和metadata外加上<aside>標籤才算完成。

我在css樣式表裡浮動了所有側邊欄<aside>.
符合習慣，把reference放在文章後。
但希望可將讓它浮動到文章左邊，形成文繞圖的效果。
不知道做不做的到。

因為浮動是從該元素本來的位置浮動到左或右，
是空出原本的位置而不是擠掉其它元素。

 + 目前：
 + "http://truth.bahamut.com.tw/s01/201508/a37f845eb0b85e52a13655ee31e4743e.PNG"

 + 目標：
 + "http://truth.bahamut.com.tw/s01/201508/90ba9d50b3b278968b77a38b99f39167.PNG"

 + 部落格：
  - 文章連結："http://myweb.ncku.edu.tw/~c34031328/diary/index.php?file=index"
  - 樣式表："http://myweb.ncku.edu.tw/~c34031328/escaping.css"

另外樣式表有什麼俗成的名稱嗎？像首頁取index.html, index.php.
我是取和部落格同名。

--
一位記者問總理：「請問總理先生，現在的中國人都窮吧？」不少人納悶：怎麼提這種問題？大家都關注總理怎樣回答。總理肯定地說：「不是的！」全場嘩然，議論紛紛。總理看出了大家的疑惑，補充說了一句：「當官的不窮。」頓時掌聲雷動。總理的機智打動了在場的所有人，掌聲經久不息。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.44.170.172
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1439360054.A.3B0.html
→ johnsonct: 可以 但是用aside就要放在p前 然後兩個用article包起來
→ johnsonct: 很多都用 style.css 只是習慣而已
所以要目測大概會佔多少空間，
來決定要包幾個<p>進去嗎……？

感覺是因為排版是由上而下；
而浮動是固定了一個元素的位置，再把其它元素放上來，繞在它旁邊。
所以要浮動的元素一定要在前。

※ 編輯: Gold740716 (114.44.170.172), 08/13/2015 09:58:21
推 johnsonct: p是用來分句子段落的 article可以包含數個p 看你有幾段
→ johnsonct: float 可以參考 css-tricks.com/all-about-floats/
→ johnsonct: The Great Collapse 段落能幫你理解為什麼as放後面無效
→ johnsonct: 我應該是不會用aside 排版會比較不自由
→ johnsonct: div role="complementary" 可以有同樣的意思
→ johnsonct: css的選擇上會比較自由
→ Gold740716: thx