方案一:
在外層元素的底部新增乙個元素,並清除浮動。
方案二:
浮動外層元素,後續元素清除浮動。
方案三:
設定overflow:hidden;。
方案四:
設定偽元素:before、:after。
以上結果:id=a,z-index=1000,由於id=a為父元素,在最下面。
三、visibility:hidden與
display:none
的區別visibility:hidden不顯示元素,但占用頁面位置。
display:none,元素消失,不占用頁面位置。
四、img自適應
img
CSS定位,相對定位,絕對定位
position relative 表示相對定位。對乙個元素進行相對定位,即指通過設定垂直或水平位置,讓這個元素 相對於 它的原點起點進行移動。如果將top設定20px,那麼框將在原位置頂部下面20畫素的地方 如果將left設定為30畫素,那麼會在元素左邊建立30畫素的空間,也就是將元素向右移動,如...
css定位相關的資訊
111 222z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。元素可擁有負的 z index 屬性值。z index 僅能在定位元素上奏效 例如 position absolute 該屬性設定乙個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區...
CSS之定位,相對定位,絕對定位,固定定位
1 position 屬性可以控制web瀏覽器如何以及在何處顯示特定的元素。2 可以使用position屬性把乙個元素放置到網頁中的任何位置。可選值 static 預設值,元素沒有開啟定位 relative 開啟相對定位 absolute 開啟絕對定位 fixed 開啟固定定位 3 相對定位 每個元...