htnl 定位

GeekGhc 發布于2019-04-23 13:13 / 2697人閱讀

摘要：如果元素沒有已定位的祖先元素，那么它的位置則是相對于最初的包含塊。

相對定位

相對定位：position:relative;

相對定位：相對定位是相對于元素在文檔中的初始位置——首先它出現在它所在的位置上（即不設置position時的位置，然后通過設置垂直或水平位置，讓這個元素“相對于”它的原始起點進行移動；

注意，在使用相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其它框。

例如：

.box1{
? position: relative;
? left: 30px;
? top: 20px;
}

絕對定位

絕對定位：position:absolut;

絕對定位：絕對定位是相對于元素最近的已定位的祖先元素（即是設置了絕對定位或者相對定位的祖先元素）。如果元素沒有已定位的祖先元素，那么它的位置則是相對于最初的包含塊（body）。

絕對定位本身與文檔流無關，因此不占空間，普通文檔流中的元素的布局就當絕對定位的元素不存時一樣，所以它們可以覆蓋頁面上其他的元素，且可以通過z-index屬性來控制這些層的對方順序。

例如：

.box2{
? position: absolute;
? left: 30px;
? top: 20px;
}








特此聲明：如需轉載請注明出處，如有疑問請及時提出以便于改正，如有侵權，聯系刪除，謝謝

GPU云服務器云服務器相對定位-絕對定位人臉定位圖片定位相對定位

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1595.html

面向對象的JavaScript之繼承(一) 類式繼承

摘要：那你們肯定會問為什么共用，而沒有共用呢，下面就給你解釋，請看引用類型是共用的值類型是私用的。引言面向對象的編程語言都具繼承這一機制,而 JavaScript 是基于原型(Prototype)面向對象程序設計,所以它的實現方式也是基于原型(Prototype)實現的. 繼承的方式類式繼承構造函數繼承組合繼承原型式繼承寄生式繼承寄生組合式繼承 1.類式繼承 //聲明父...

forsigner 2019-08-20 14:21 評論0 收藏0
面向對象的JavaScript之繼承(二) 構造函數繼承

摘要：引言創建即繼承構造函數繼承何為構造函數如果你還不清楚構造函數和普通函數的區別那請看構造函數與普通函數構造函數繼承構造函數繼承的核心是或的使用通過這個方法改變函數的作用環境為父類添加方法聲明子類子類通過將子類中的變量在父類中執行了一遍由引言創建即繼承---構造函數繼承何為構造函數?如果你還不清楚構造函數和普通函數的區別,那請看JavaScript構造函數與普通函數構造函數繼承構...

laoLiueizo 2019-08-20 14:22 評論0 收藏0
圖像映射——我的web前端自學之路進行時2

摘要：一段感悟在說圖像映射之前先說一段最近動態。正題圖像映射指的是分割一塊圖像使得分割的每一部分都能單獨有一個鏈接地址。而且瀏覽器會忽略超過圖片界限的坐標。一段感悟在說圖像映射之前先說一段最近動態。最近稍稍的深入學了一段時間的htnl與css，應該算是在打基礎，其實在打基礎之前我已經學習了一段時間js，jquery，backbone，angularJs，當時也知道要打好基礎在去學習其他內...

youkede 2019-08-01 18:04 評論0 收藏0