                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

content+padding+border+margin的長(zhǎng)度構(gòu)成長(zhǎng)或者寬，長(zhǎng)200px寬30px是不是有問題？

border-bottom已經(jīng)1px了，height最高也是29px呀，何來的30px，寬度同理

weixin_慕運(yùn)維0201071

2020-08-11

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-7

關(guān)注問題我要回答

1077

操作

收起

3 回答

千與千尋l
2021-07-15

加法運(yùn)算，不是減

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

一個(gè)前端的小白
2020-09-17

為什么能被你們理解的這么復(fù)雜? 正常盒子模型寬度不就是內(nèi)容+左右margin+左右padding+左右border嗎? 高度就是內(nèi)容+上下margin+上下padding+上下border? 作者說做寬200 高度30 然后又加了個(gè)下邊框，應(yīng)該是為了更好的區(qū)分，也就是說高度是31

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

全棧夢(mèng)想家

請(qǐng)問下，如果這么說的話，寫代碼的時(shí)候，不應(yīng)該高度寫29嗎？（即height=29px）

2025-02-12 回復(fù) 有任何疑惑可以回復(fù)我~

慕瓜2273023
2020-08-19

一個(gè)div的width被固定為300px，同時(shí)附帶有30px的margin，50px的border與100px的padding。

div的寬度就變成600px了。這樣是不是能理解了？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

weixin_慕運(yùn)維0201071 提問者

意思是width自帶十分之一的margin？我還是看不太明白，300+100*2+50*2=600寬度，margin去哪了，被包括在width里面了嗎？

2020-08-19 回復(fù) 有任何疑惑可以回復(fù)我~

#2

自由笑

鐵子，你再去看看課件的那張圖。個(gè)人理解是width,height是對(duì)最內(nèi)層的那個(gè)元素的寬高做賦值，而最外層的div的寬= margin-left+border-left+padding-left+width+padding-right+border-right+margin-right div的高= margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom 我也是新學(xué)css的，個(gè)人愚見，感覺應(yīng)該沒錯(cuò)

2020-09-05 回復(fù) 有任何疑惑可以回復(fù)我~

#3

全棧夢(mèng)想家回復(fù) 自由笑

所以題目說的設(shè)置的寬200，高30，指的是最內(nèi)層的內(nèi)容還是整體的呢？

2025-02-12 回復(fù) 有任何疑惑可以回復(fù)我~