CSS進階(十一)position:fixed
固定定位元素的包含快是根元素
類似於無依賴的絕對定位,利用無依賴的固定定位也可以在元素內部實現一個fixed定位
<div class="father"> <div class="right"> <div class="son"></div> </div> </div> .father { width: 300px; height: 200px; position: relative; } .right { height: 0; text-align: right; overflow: hidden; } .son { display: inline; width: 40px; height: 40px; position: fixed; margin-left: -40px; }
可以使用absolute來模擬一個fixed,具體實現是用一個div作為body的子元素,充當滾動容器。但需要謹慎使用
CSS進階(十一)position:fixed
相關推薦
CSS進階(十一)position:fixed
容器 hid ali overflow lin 元素 -a idt fixed 固定定位元素的包含快是根元素 類似於無依賴的絕對定位,利用無依賴的固定定位也可以在元素內部實現一個fixed定位 <div class="father"> <div cla
CSS進階(十四)font-family
中文 class 技術分享 png clas info pre 寬度 空格 font-family font-family: serif; /* 襯線字體 */ font-family: sans-serif; /* 無襯線字體 */ font-family支持字體族
CSS進階(十九)文本控制
bre spa div 切換效果 nowrap align 分隔 下劃線 效果 text-indent 應用 (1)使用 text-indent 負值隱藏文本內容,例如網站標頭 (2)使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spac
CSS進階(十九)文字控制
text-indent 應用 (1)使用 text-indent 負值隱藏文字內容,例如網站標頭 (2)使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spacing 應用 (1)清除 inline-block 列表由於換行符或者空格產生的空白間隙,使我們的佈局控
CSS進階(十八)@font-face
@font-face { font-family: 'example'; src: url(example.ttf); font-style: normal; font-weight: normal; unicode-range: U+0025-00FF; font-variant: sma
CSS進階(十六)font
[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] font-size 和 font-family 這兩個屬性需要同時存在 注意 font中如果未聲命line-height
CSS進階(十五)font-weight;font-style;font-variant
/* 平常用的最多的 */ font-weight: normal; font-weight: bold; /* 相對於父級元素 */ font-weight: lighter; font-weight: bolder; /* 字重的精細控制 */ font-weight: 100; font-weig
CSS進階(十二)層疊上下文和層疊水平
z-index影響的是定位元素及flex盒子的孩子元素 層疊優先順序 層疊準則 (1)z-index大的在上 (2)同一層級下,後者覆蓋前者 層疊上下文 (1)頁面根元素是根層疊上下文 (2)對於position為absolute/relative以及firefox下position為fix
CSS進階(十)position:relative
ati 進階 最小化 相對 pan style 而不是 原則 round 定位位移相對於自身進行偏移定位 相對定位元素的 left/top/right/bottom 的百分比值是相對於包含塊計算的,而不是自身 與絕對定位元素的對立方向不同,top/bottom 同時使 用的
java程式設計師菜鳥進階(十七)linux基礎入門(五)linux檔案/目錄的許可權和歸屬管理
在linux中的每一個檔案或目錄都包含有訪問許可權,這些訪問許可權決定了誰能訪問和如何訪問這些檔案和目錄。相應的每一個檔案和目錄都有所屬的屬主和屬組,合理的設定檔案和目錄的屬組和屬主在檔案/目錄管理中佔據著很重要的地位,所以,今天我就和大家一起來看一下有關檔案/目錄的許可權和歸屬的相關設定
java程式設計師菜鳥進階(十六)linux基礎入門(四)linux下VIM文字編輯器使用
linux下編寫配置檔案最好的編輯工具莫過於vim了。Vim的功能實在太多太全,Vim的很多功能也許我們很少用得到,真正為大家常用的功能可能只佔到所有功能的冰山一角。Vim終歸只是一個編寫程式碼或編輯文件的工具,所以只要掌握一些足夠我們使用的功能即可。 做個廣告
java程式設計師菜鳥進階(十五)linux基礎入門(三)linux使用者和組管理
我們大家都知道,要登入linux作業系統,我們必須要有一個使用者名稱和密碼。每一個使用者都由一個惟一的身份來標識,這個標識叫做使用者ID.系統中的每一個使用者也至少需要屬於一個"使用者分組".同樣,使用者分組也是由一個惟一的身份來標識的,該標識叫做使用者分組ID(GID).每位使用者的許可
java程式設計師菜鳥進階(十四)linux基礎入門(二)linux檔案及目錄命令管理
大家都知道,熟悉命令操作的開發人員,Linux作業系統命令操作效率要高於圖形介面的操作,所以瞭解和學習linux基本命令操作是學習linux作業系統的首要任務,本文主要介紹以下四個知識點: 1. She
SQL Server進階(十五)常用函式
在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY IF EXISTS (SELECT 1 FROM Ta
SQL Server進階(十五)常用函數
mon har 標量 reat 類型 rom 入參 bold 常用函數 在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY
CSS進階(終章)—— CSS世界流向的掌控者direction和writing-mode
人往高處走,水往低處流,CSS世界亦是如此嗎?至今為止,我們討論的CSS似乎一直遵循不知從什麼時候就印在腦子裡的“從左往右,從上往下”原則。這可能和我們日常的讀寫順序相關,我們看文章的時候習慣從左往右,從上往下進行閱讀。然而CSS世界的流向並不是固定的,只需要幾條宣告,就可以改變C
【譯】索引進階(十二):SQL SERVER中的索引碎片【下篇】
div 外部 tor color 掃描 sql pan 討論 介紹 為了討論碎片產生的原因,以及避免和移除索引碎片的技術,我們必須從本進階系列後續將介紹的兩個章節借用一些知識點:創建/更新索引的知識,以及向一個索引表插入數據行的相關知識。 當我們講解這些信息的時候,記住本
CSS進階(二十一)background
隱藏的元素背景圖片是否載入 ie8-ie11還是會發送請求 firefox不會 chrome和safari會判斷父元素是否display也是none,如果是,則不傳送請求。元素本身設定none,則傳送請求 background-position 可以是具體數值,也可以是百分比值,還可以是 left、
進階面向對象(十一)
C++ 類 對象 繼承 組合 在日常生活中,我們都習慣於對事物進行分類。那麽,這種分類的思想是否也可以引入程序設計中呢?面向對象的意義在於:將日常生活中習慣的思維方式引入程序設計中;將需求中的概念直觀的映射到解決方案中;以模塊為中心構建可復用的軟件系統;提高軟件產品的可維護
CSS進階(九) position:absolute
剪裁 ble 展現 splay ng- 祖先 isp 使用 之間 特性 (1)塊狀化,display渲染為block或table (2)文檔流破壞性 (3)包裹性 (4)塊狀格式化上下文,也就是BFC,absolute 的自適應性最大寬度往往不是由父元素決定的 absolu