CSS基礎一定要看的包含塊（containing block）
一個元素的尺寸和位置經常受其包含塊(containing block)的影響。大多數情況下，包含塊就是這個元素最近的祖先塊元素的內容區，但也不是總是這樣。在本文中，我們來過一遍確定包含塊的所有因素。 當一個客戶端代理（比如說瀏覽器）展示一個文檔的時候，對於每一個元素，它都產生了一個盒子 ...
原文：CSS學習筆記——包含塊 containing block
以下內容翻譯自CSS . 官方文檔。網址：https: www.w .org TR CSS visudet.html strut 有時，一個元素的盒子的位置和尺寸根據一個確定的矩形計算，這個確定的矩形叫這個元素的包含塊。一個元素的包含塊根據以下規則確定： 根元素所在的包含塊叫初始包含塊 initial containing block。對於連續媒體設備 continuous media ，初始包含 ...
2016-10-31 21:12 0 4128 推薦指數：
相關推薦
absolute 的 containing block( 容器塊)計算方式跟正常流有什么不同？
無論屬於哪種,都要先找到其祖先元素中最近的 position 值不為 static 的元素,然后再判斷：1、若此元素為 inline 元素,則 containing block 為能夠包含這個元素生成的第一個和最后一個 inline box 的 padding box (除 margin ...
CSS魔法堂：不得不說的Containing Block
前言 《CSS魔法堂：重新認識Box Model、IFC、BFC和Collapsing margins》中提到在沒有floated兄弟盒子時，line box的左右邊框會與所屬的containing block的左右content edge相接觸。那到底什么是containing block ...
css 初始包含塊
continuous media ，paged media 關於continuous media[連續媒體]和paged media[分頁媒體] 直白的講，continuous和paged m ...
IOS學習之block代碼塊
前言： block這個名詞對於做一般開發者來說可能會覺得稀奇古怪而非常陌生，但是對於iOS工程師來說，在整個開發中到處都是它的影子，今天一大早覺得在假期學習一下它，對明年的iOS開發工作做個准備，突然有點找回當年即將畢業時的最后一個春節假期的感覺，今天基於最近使用的角度來學習總結一下 ...
css塊級元素、行內元素和行內塊級元素【學習筆記總結】
一、行內元素和塊級元素 1.1、塊級元素（block）： 它獨占一行； 它的寬高可以設置； 默認時，寬度是100%； 例如：<div>、<h1-h6>、<ul>、<ol> 、<li> ...
深入理解position屬性&containing block
一、包含塊(Containing Block) 要講position,首先就涉及到一個概念：包含塊。 1、包含塊介紹 包含塊簡單理解就是一個定位參考塊，就是"大盒子里套小盒子"中那個大盒子。元素有positon屬性就必然涉及到包含塊。先簡單總結一下。 1、初始包含塊（Initial ...
CSS中的塊級元素（block）與行內元素（inline）
css中有3種基本的定位機制：普通流（相對定位實際上看做普通流定位模型的一部分）浮動（float）絕對定位（固定定位是絕對定位的一種）所以在學習浮動之前，我們先要了解塊級元素與內聯元素（行內元素）。塊級元素：塊級元素一般當做容器使用，既可以容納內聯元素也可以容納塊級元素，例如div和p。常見的塊級 ...