iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
自我挑戰組

基礎中的基礎系列系列 第 15

基礎中的基礎系列之 css-float

  • 分享至 

  • xImage
  •  

今天要來講float

float個人認為存在感很低的技巧,認識了flex後,float的存在感幾乎為0

不過多學一個技巧,總有可能會有用到的時候,對吧?

那話不多說進入正題:

先看一下程式好了:

float: left;
float: right;
float: none;

看到這裡是不是覺得好像會了?沒錯你會了!

當你看到一個東西 想把它移到右邊 就寫float:right
https://codepen.io/ytiimefp/pen/mdPayEo 這邊附上程式碼給你們參考


上一篇
基礎中的基礎系列之padding,margin,border
下一篇
基礎中的基礎系列之inline,block,inline-block
系列文
基礎中的基礎系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言