本節簡介:包括元素寬度、高度的定位,相對定位和絕對定位,固定定位和浮動定位的概念講解及實例演示。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
相對定位:相對于元素的初始位置而言。絕對定位:相對于整個頁面而言。
1in=2.54cm=25.4mm=72pt=6pc
最大寬度,最小寬度可以限制在窗口放大縮小后顯示的寬度
相對定位是相對于初始位置,絕對定位是相對于頁面而言,如果有副級元素,就相對于副級元素來定位,如果沒有副級元素,則基于最初的包含框
對寬度的定義:(1)絕對寬度--px (2)基于屏幕大小的想對寬度--% ,用min-width\max-height定義最大和最小寬度 (3)基于字體大小的寬度--em。
position 中選fixed是固定定位,在網頁中瀏覽,這個元素位置不會變
在邊框為百分比設置情況下,可以設置框的最小和最大尺寸
相對定位是相對于原始位置,絕對定位是相對于整個頁面而言