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

看板Web_Design作者 (項為之強)時間10年前 (2015/08/12 14:14), 10年前編輯推噓1(108)
留言9則, 2人參與, 最新討論串1/1
最近開始在學校給網路空間架部落格。 由於不支援資料庫,大部份的架站軟體都不能用了。 自己認識一下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

08/12 22:54, , 1F
可以 但是用aside就要放在p前 然後兩個用article包起來
08/12 22:54, 1F

08/13 01:50, , 2F
很多都用 style.css 只是習慣而已
08/13 01:50, 2F
所以要目測大概會佔多少空間, 來決定要包幾個<p>進去嗎……? 感覺是因為排版是由上而下; 而浮動是固定了一個元素的位置,再把其它元素放上來,繞在它旁邊。 所以要浮動的元素一定要在前。 ※ 編輯: Gold740716 (114.44.170.172), 08/13/2015 09:58:21

08/13 11:34, , 3F
p是用來分句子段落的 article可以包含數個p 看你有幾段
08/13 11:34, 3F

08/13 11:35, , 4F
float 可以參考 css-tricks.com/all-about-floats/
08/13 11:35, 4F

08/13 11:35, , 5F
The Great Collapse 段落能幫你理解為什麼as放後面無效
08/13 11:35, 5F

08/13 12:08, , 6F
我應該是不會用aside 排版會比較不自由
08/13 12:08, 6F

08/13 12:08, , 7F
div role="complementary" 可以有同樣的意思
08/13 12:08, 7F

08/13 12:10, , 8F
css的選擇上會比較自由
08/13 12:10, 8F

08/14 14:42, , 9F
thx
08/14 14:42, 9F
文章代碼(AID): #1LokGsEm (Web_Design)