iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
1
Modern Web

我可以修改,所以先亂打系列 第 24

第24天:CSS-定位-(下)

重疊元素
z-index
當有時候控制方框重疊時
可使用這個屬性控制堆疊的順序
使用方式如下:

z-index: 5

數值越高的標籤會顯示在越前面

浮動元素
float
此屬性可以移走正常流向中的元素
使得其他元素跟著此元素流動
使用這個屬性時
應該要使用width屬性指定浮動元素的寬度

淨空浮動元素
clear
這個屬性可以使任何標籤不去跟使用此屬性的標籤並排(僅限在同一容器標籤內)
clear: left
標籤左側不會出現在同一容器內的任何其他標籤
clear: right
標籤右側不會出現在同一容器內的任何其他標籤
clear: both
標籤兩側不會出現同一容器內的任何其他標籤

註:如果容器標籤內只有浮動元素,
有些瀏覽器會視為0像素高,
此時可以在容器標籤加上:
overflow: auto;
width: 100%
解決這個問題。


上一篇
第23天:CSS-定位-(上)
下一篇
第25天-SourceTree-Git-版本控制-導入專案
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言