格式與布局

2022-03-30 17:39:52 字數 1214 閱讀 8422

一、定位

定位有相對定位、絕對定位和固定位置,詳細寫下各個定位屬性: 

絕對定位是相對於瀏覽器邊框或父級;相對定位是相對於原來位置移動;固定位置相對於瀏覽器邊界,用例子來看:

定位position屬性:絕對定位absolute(對於top、bottom、right、left屬性,只有設定了position才能用前面的那四個屬性)

(1)樣式表absolute的屬性設定**:

樣式表的絕對定位的效果:

(2)定位position屬性:固定位置fixed

樣式表fixed的屬性設定**:

樣式效果圖:

紅色的方框設定了固定位置屬性值,它不隨滾動條的滾動上去,頁面怎麼滾動它也是不動的。

(3)定位position屬性:固定位置relative

樣式表relative的屬性設定**:

樣式效果圖:a.

二、流float

它有左和右的流,如果單純插入好多,效果是單向的豎排,你想要讓它改變方向的話,就要使用流了。

讓它橫向左流(float:left;):

開頭是向左流

右流動(float:right;):

開頭向右流

有個樣式可以改變那些預設不能改變大小的標籤:display:inline-block

這是乙個超連結

效果圖:

還有幾個樣式可以了解,通過看那個表就可以~~

格式與布局

position 1 fixed position fixed 根據顯示視窗的第一顯示介面進行定位 直接定死在頁面上,跟著滾動條更換位置 2 absolute position absolute 固定顯示,一直懸著,不隨著滾動條更換位置 3 relative position relative 相對...

HTML 格式與布局

一 position fixed 鎖定位置 相對於瀏覽器的位置 例如有些 的右下角的彈出視窗。二 position absolute 1.外層沒有position absolute 或relative 那麼div相對於瀏覽器定位,如下圖中b 距離瀏覽器右邊框為50畫素,距離下邊框為20畫素 2.外層...

0503 格式與布局

一 格式與布局 1 位置 position fixed 相對於瀏覽器邊界的定位 sbsolute 相對於父級元素進行定位 注意 定位之後,原來位置沒有了,其他元素會對其位置進行侵占,會覆蓋 a1 relative 相對於自己因該出現的位置進行定位 注意 定位之後原來的位置被保留 a1 方位名詞 le...