課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之margin
就如這個(gè)標(biāo)準(zhǔn)的盒模型為例!可視尺寸是由哪些組成!
2017-02-22
源自:CSS深入理解之margin 1-1
正在回答
這是一個(gè)非常好的問題,聽了老師的講解后,我立刻做了一個(gè)試驗(yàn):結(jié)果發(fā)現(xiàn)clientWith實(shí)際上包含的是content width和padding width,然后又去查閱MDN官方文檔發(fā)現(xiàn),標(biāo)準(zhǔn)的定義也是如此,并不包含border width.
只讀屬性?Element.clientWidth?對(duì)于內(nèi)聯(lián)元素以及沒有 CSS 樣式的元素為 0;否則,它是元素內(nèi)部的寬度(以像素為單位)。該屬性包括內(nèi)邊距(padding),但不包括邊框(border)、外邊距(margin)和垂直滾動(dòng)條(如果存在)。? ? ?
Element.clientWidth
我的理解是這樣的
剛剛又聽了一遍說可視尺寸:實(shí)線范圍內(nèi):那就是說:border+padding+(1024*72)!這就是可視尺寸這樣對(duì)嗎?
而占據(jù)尺寸:margin+border+padding+(1024*72)!對(duì)嗎?
舉報(bào)
本CSS教程帶你深入講解CSS的margin屬性,解決你多年困惑
2 回答為什么負(fù)外邊距可以讓可視區(qū)域變大?想了好久都不理解
1 回答margin影響可視區(qū)域
2 回答相鄰元素的重疊怎么清除呢,是不可以清除嗎
1 回答margin與css重疊是不是可以理解為后面設(shè)置的屬性會(huì)覆蓋前面的,所以兩個(gè)盒子共用一個(gè)屬性?。?/p>
2 回答為什么不能實(shí)現(xiàn)老師說的(CSS深入理解margin 5-1:css margin負(fù)值定位),請(qǐng)大神幫忙看看代碼,謝謝。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2024-05-24
這是一個(gè)非常好的問題,聽了老師的講解后,我立刻做了一個(gè)試驗(yàn):結(jié)果發(fā)現(xiàn)clientWith實(shí)際上包含的是content width和padding width,然后又去查閱MDN官方文檔發(fā)現(xiàn),標(biāo)準(zhǔn)的定義也是如此,并不包含border width.
2017-05-08
我的理解是這樣的
2017-02-22
剛剛又聽了一遍說可視尺寸:實(shí)線范圍內(nèi):那就是說:border+padding+(1024*72)!這就是可視尺寸這樣對(duì)嗎?
而占據(jù)尺寸:margin+border+padding+(1024*72)!對(duì)嗎?