iT邦幫忙

2023 iThome 鐵人賽

0
SideProject30

sideproject-簡易網站系列 第 24

DAY-24 CSS position及float屬性

  • 分享至 

  • xImage
  •  

今天主要認識css中設定圖片常用的posotion跟float

position分為static relative absolute fixed
static:默認屬性 top、bottom、left、right在此狀況下無法使用
relative:相對位置
absolute:絕對位置 ”根元素“是可以被設置
fixed:”根元素“固定為瀏覽器窗口 也就是滾動網頁時其與瀏覽器窗口距離是固定的

float只有分左右浮動 沒有垂直浮動
應用float屬性後 其容器無法取得他的「高度」
會將display屬性變為block

**warning:**如果不將float的元素position屬性更改為relative而是透過設置index是會無法覆蓋absolute的 反之亦然


上一篇
Day-23 大略認識CSS偽類
下一篇
Day-25 JS-callback funtion
系列文
sideproject-簡易網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言