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