一、定位
定位有相對定位、絕對定位和固定位置,詳細寫下各個定位屬性:
絕對定位是相對於瀏覽器邊框或父級;相對定位是相對於原來位置移動;固定位置相對於瀏覽器邊界,用例子來看:
定位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...