css position的定位與overflow.浮動

static定位,即沒有定位,元素正常的出現在流中,不會受到top,left,right,bottom的影響。

fixed定位:相對於瀏覽器窗口是固定位置,與文檔流無關,因此不佔據空間。即使窗口滾動也不會移動。

relative定位:相對定位元素的定位是相對其正常的位置。

absolute定位:絕對定位的元素的位置是相對於最近的已定位的父元素。

若沒有已定位的父元素,則是相對於html

overflow 屬性控制內容溢出元素框時的顯示方式

visible:默認值,內容不會被修剪,會呈現在元素框之外。

hidden:內容被修剪,並且內容會被修剪。

scroll:內容會被修剪,瀏覽器會顯示滾動條。

auto:若內容被修剪,則瀏覽器會顯示滾動條查看其餘內容。

css浮動,會使元素向左或者向右移動,其周圍的元素也會重新排列。

清楚浮動 使用clear屬性 指定元素兩側不能出現浮動元素

clear:both

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章