CSS深入理解學習筆記之relative
1、relative和absolute的相煎關系
限制作用：①限制left/top/right/bottom定位；②限制z-index層級；③限制在overflow下的囂張氣焰。
relative和fixed限制作用：限制z-index層級。
2、relative和定位
特性：①相對自行進行定位；②無侵入，不影響其他元素布局。
top/bottom和left/right對立屬性同時存在時的表現：top＞bottom left＞right
3、relative和層級
提高元素的層疊上下文。
新建層疊上下文與層級控制：relative元素的z-index是auto的時候，不會限制子元素的層疊。（IE8+）
4、relative的最小化影響原則
定義：盡量降低relative屬性對其他元素或者布局的潛在影響。
原則：①盡量避免使用relative；②relative最小化，將需要absolute定位的元素放到一個空的relative元素中。
CSS深入理解學習筆記之relative
相關推薦
CSS深入理解學習筆記之relative
需要 定位 層疊 left 避免 str 作用 屬性 存在 1、relative和absolute的相煎關系 限制作用：①限制left/top/right/bottom定位；②限制z-index層級；③限制在overflow下的囂張氣焰。 relative和fixe
CSS深入理解學習筆記之padding
style left 使用 支持 背景色 cnblogs check chrom 所有 1、padding與容器尺寸之間的關系 對於block水平元素：①padding值暴走，一定會影響尺寸；②width非auto，padding影響尺寸；③width為auto或box
CSS深入理解學習筆記之line-height
初始 -a 上下 normal 每一個 不同 單行 盒子模型 等於 1、line-height的定義 定義：兩行文字基線之間的距離。 註：不同字體之間的基線是不同的。 2、line-height與行內框盒子模型 行內框盒子模型： ①內容區域（content
深入理解JVM筆記之記憶體管理機制
執行時資料區域 程式計數器 每個執行緒都有一個程式計數器（PC），是當前執行緒所執行的位元組碼的行號指示器，通過改變程式計數器的值來選取下一條指令。各執行緒之間的計數器互不影響，是執行緒私有的記憶體。 如果執行緒執行的是一個JAVA方法，則計數器記錄的為正在執行的位
[jjzhu學java]深入理解JVM筆記之記憶體管理機制
深入理解JVM筆記之記憶體管理機制 執行時資料區域 程式計數器 每個執行緒都有一個程式計數器（PC），是當前執行緒所執行的位元組碼的行號指示器，通過改變程式計數器的值來選取下一條指令。各執行緒之間的計數器互不影響，是執行緒私有的記憶體。
css深入理解之float浮動慕課視訊學習筆記
浮動的特性：包裹與破壞 包裹的特點：收縮堅挺隔絕，江湖人稱BFC 1.浮動具有破壞性，會讓父元素高度塌陷 2.浮動使高度塌陷不是bug，而是標準 3.浮動的原本作用僅僅是為了實現文字環繞效果 4. 給圖片加了float:left後， 5.清除浮動是清除浮動所帶來的的影響
【學習筆記】 唐大仕—Java程式設計 第5講 深入理解Java語言之5.2 多型及虛方法呼叫
/** * 多型及虛方法呼叫 * @author cnRicky * @date 2018.11.7 */ 多型 多型（Polymorphism）是指一個程式中相同的名字表示不同的含義的情況 多型有兩種情形 編譯時多型： *過載(Overload)（多個同名的不同方法） *如 p.sayH
【學習筆記】 唐大仕—Java程式設計 第5講 深入理解Java語言之5.3 物件構造與初始化
物件構造與初始化 構造方法 構造方法（constructor） 物件都有構造方法 如果沒有，編譯器加一個default構造方法 抽象類（abstract）有沒有構造方法？ 答案：抽象類也有構造方法。實際上，任何類都有自己的構造方法
【學習筆記】 唐大仕—Java程式設計 第5講 深入理解Java語言之5.4 物件清除與垃圾回收
/** * 物件清除與垃圾回收 * @author cnRicky * @date 2018.11.10 */ 物件清除與垃圾回收 物件清除 我們知道：new建立物件 那麼如何銷燬物件？ Java中是自動清除 不需要使用delete等方法人為銷燬它
【學習筆記】 唐大仕—Java程序設計 第5講 深入理解Java語言之5.4 對象清除與垃圾回收
let 要求 什麽 jdk1 style 1.10 垃圾 ati 內存 /** * 對象清除與垃圾回收 * @author cnRicky * @date 2018.11.10 */ 對象清除與垃圾回收 對象清除 我們知道：new創建對象 那麽如何銷毀對象？ Java
【學習筆記】 唐大仕—Java程式設計 第5講 深入理解Java語言之5.5 內部類與匿名類
/** * 內部類與匿名類 * @author cnRicky * @date 2018.11.10 */ 內部類與匿名類 內部類（inner class）是在其他類中的類 匿名類（anonymous class）是一種特殊的內部類，它沒有類名 內部類（Inner class）
【學習筆記】 唐大仕—Java程式設計 第5講 深入理解Java語言之5.7 其他幾個高階語法
/** * 其他幾個高階語法 學習筆記 * @author cnRicky * @date 2018.11.11 */ 其他幾個高階語法 新的語法 從JDK1.5起，增加了一些新的語法 大部分是編譯器自動翻譯的，稱為Complier sugar（"糖"用起來很方便，但
《深入理解Java虛擬機器》學習筆記之垃圾收集器與記憶體分配策略
一、概述 GC（Garbage Collection）需要完成的三件事 （1）哪些記憶體需要回收 （2）什麼時候回收 （3）如何回收 GC主要面向Java堆和方法區中的記憶體 原因：這部份
《深入理解java虛擬機器》學習筆記之編譯優化技術
鄭重宣告：本片部落格是學習<深入理解Java虛擬機器>一書所記錄的筆記，內容基本為書中知識． Java程式設計師有一個共識，以編譯方式執行原生代碼比解釋方式更快，之所以有這樣的共識，除去虛擬機器解釋執行位元組碼時額外消耗時間的原因外，還有一個很重要
《深入理解Java虛擬機器》學習筆記之執行緒安全與鎖優化
二、執行緒安全 定義： “當多個執行緒訪問一個物件時，如果不用考慮這些執行緒在執行時環境下的排程和交替執行，也不需要進行額外的同步，或者在呼叫方進行任何其他的協調操作，呼叫這個物件的行為都可以獲得
python之 前端HTML/CSS基礎知識學習筆記
引號 編寫 css基礎 通用 浮動 我們 公司地址 將不 多行 1. 文件結構： HTML文件的固定結構： <html> <head>...</head> <body>...&l
IDEA 學習筆記之 Java項目開發深入學習（1）
java項目 bsp 重構 str 代碼提示 log pan ora tro Java項目開發深入學習（1）： 定義編譯輸出路徑： 繼承以上工程配置 重新定義新的項目編譯路徑 添加source目錄：點擊添加，再點擊移除： 編譯項目： 常用快捷鍵總結： Ctr
CSS深入理解之vertical-align：middle的小bug
mage css -a 分享 .com 屬性 需要 如何解決 存在 vertical-align 屬性設置元素的垂直對齊方式； 想必大家都知道這個屬性，也知道怎麽用。但是今天我要說的是其中值：middle（把此元素放置在父元素中部）存在的一個小小的bug...... 如果
CSS深入理解之overflow（HTML/CSS）
clas alt span doc 邊距 蘊含 top overflow 會同 簡介 overflow看上去其貌不揚，其中蘊含的知識點還是很多的,有很多鮮為人知的特性表現。 overflow基本屬性值 1、visible（默認） 2、hidden 3、scroll 4、
CSS深入理解之position定位
1、什麼是定位？ CSS定位屬性允許你為一個元素定位。它也可以將一個元素放在另一個元素後面，並指定一個元素的內容太大時，應該發生什麼。元素可以使用的頂部，底部，左側和右側屬性定位。然而，這些屬性無法工作，除非事先設定position屬性。他們也有不同的工作方式，這取決於定位方法。 有四種不同