iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 9
5
影片教學

金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎系列 第 9 篇

金魚都能懂網頁設計入門 : Float浮動 (鐵人賽第九天)

2019鐵人賽 金魚 網頁教學 css amos
5479 瀏覽

教學影片

Yes
不要錯過 CSS coke 的影片
快按此訂閱CSS coke的頻道/images/emoticon/emoticon12.gif

重點回顧

浮動 float 的特性

  1. 有靠左跟靠右就是沒有置中
  2. 子層浮動時，父層會抓不到浮動的子層物件的高度
  3. 利用浮動屬性可以達到文繞圖
  4. 利用浮動屬性可以讓多個div排成一列
  5. 浮動多搭配clear來讓父層抓到子層高度

追蹤 Amos 收好康資訊

Line搜尋「@csscoke」加入CSS可樂公開帳號，可以收到 Amos 第一手資訊喔
Youtube 頻道訂閱
每周二晚上直播影片
CSS可樂部落格
CSS可樂粉絲團


上一篇
金魚都能懂網頁設計入門 : 區塊尺寸計算 (鐵人賽第八天)
下一篇
金魚都能懂網頁設計入門 : 網頁兩大主角 (鐵人賽第十天)
系列文
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 共 30 篇
  1. 26
    金魚都能懂網頁設計入門 : JQuery入門(鐵人賽第二十六天)
  2. 27
    金魚都能懂網頁設計入門 : JQuery事件(鐵人賽第二十七天)
  3. 28
    金魚都能懂網頁設計入門 : JQuery CSS控制(鐵人賽第二十八天)
  4. 29
    金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)
  5. 30
    金魚都能懂網頁設計入門 : 接下來呢?(鐵人賽第三十天)
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙