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