国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css中和模型及其相關(guān)的問題

megatron / 464人閱讀

摘要:是指元素右邊界距窗口最左邊的距離,是指元素下邊界距窗口最上面的距離是什么直譯為塊級格式化上下文。

什么是css和模型
又稱框模型 (Box Model) ,包含了元素內(nèi)容(content)、內(nèi)邊距(padding)、邊框(border)、外邊距(margin)幾個要素
IE模型區(qū)別是寬度和高度不同,標(biāo)準(zhǔn)模型寬度和高度是content的高度,IE模型的寬度是border 和padding

css 如何設(shè)置這兩種模型 box-sizing:content-box

box-sizing:border-box IE模式下 padding計(jì)算在里邊
box-sizing:content-box 默認(rèn)

獲取css中dom的寬高方法

第一種

dom.style.height  dom.style.width

這種情況有一個只有在內(nèi)聯(lián)樣式中能夠獲取到 而寫到上邊或者外聯(lián)都獲取不到樣式
第二種

dom.currentStyle.width  只有IE支持

第三種方法

 window.getComputedStyle(a).height

第四種方法
原生JS提供了一個getBoundingClientRect()方法,用于獲取左,上,右和下分別相對瀏覽器視窗的位置。

right是指元素右邊界距窗口最左邊的距離,bottom是指元素下邊界距窗口最上面的距離
BFC 是什么?
BFC(Block formatting context)直譯為"塊級格式化上下文"。它是一個獨(dú)立的渲染區(qū)域,只有Block-level box參與, 它規(guī)定了內(nèi)部的Block-level Box如何布局,并且與這個區(qū)域外部毫不相干
原理:bfc垂直方向邊距發(fā)生重疊,bfc區(qū)域不會與浮動元素的box重疊
bfc是一個容器外邊元素不會影響里邊的元素,計(jì)算bfc高度浮動元素也會參與計(jì)算
如何形成:
根元素
float屬性不為none
position為absolute或fixed
display為inline-block, table-cell, table-caption, flex, inline-flex
overflow不為visible
作用:
創(chuàng)建BFC來避免垂直外邊距疊加
創(chuàng)建BFC來清除浮動
創(chuàng)建BFC來實(shí)現(xiàn)自適應(yīng)布局

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/114301.html

相關(guān)文章

  • 常見面試問題:【CSSCSS模型

    摘要:標(biāo)準(zhǔn)盒模型盒子總寬度高度。以上支持,除此外還可以取到相對于視窗的上下左右的距離。包括高度寬度內(nèi)邊距和邊框,不包括外邊距。主要看怎么父元素的盒模型如何設(shè)置。空元素的邊距重疊是取與的最大值。 一、概念 CSS盒模型本質(zhì)上是一個盒子,封裝周圍的HTML元素,它包括:外邊距(margin)、邊框(border)、內(nèi)邊距(padding)、實(shí)際內(nèi)容(content)四個屬性。CSS盒模型:標(biāo)準(zhǔn)模...

    android_c 評論0 收藏0
  • Laravel Telescope:優(yōu)雅應(yīng)用調(diào)試工具

    摘要:文章轉(zhuǎn)自視頻教程優(yōu)雅的應(yīng)用調(diào)試工具新擴(kuò)展是由和開源的應(yīng)用的調(diào)試工具。計(jì)劃任務(wù)列出已運(yùn)行的計(jì)劃任務(wù)。該封閉函數(shù)會被序列化為一個長字符串,加上他的哈希與簽名如出一轍該功能將記錄所有異常,并可查看具體異常情況。事件顯示所有事件的列表。 文章轉(zhuǎn)自:https://laravel-china.org/topics/19013視頻教程:047. 優(yōu)雅的應(yīng)用調(diào)試工具--laravel/telesco...

    MasonEast 評論0 收藏0
  • 雙十二大前端工程師讀書清單

    摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起,幫助我們設(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流,現(xiàn)免費(fèi)分享到這里,不足之處歡迎指教...

    happen 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<