盒模型--寬度和高度
盒模型寬度和高度和我們平常所說(shuō)的物體的寬度和高度理解是不一樣的，css內(nèi)定義的寬（width）和高（height），指的是填充以里的內(nèi)容范圍。
因此一個(gè)元素實(shí)際寬度（盒子的寬度）=左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界。
為什么要算邊界？關(guān)于盒子尺寸用在哪里？
慕斯卡4106679
2016-01-08
3 回答
舉報(bào)
0/150
提交
取消
2016-01-08
算邊界個(gè)人覺(jué)得主要就是為了方便排版，盒子的尺寸計(jì)算在以后網(wǎng)頁(yè)的美觀方面可以起到很大的作用，讓人看上去很舒服，整齊
2016-01-08
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"> <title>填充</title> <style?type="text/css"> #box1{ ????width:80px; ????height:80px; ???? ????border:1px?solid?red; ????padding:10px; ????margin:100px; } </style> </head> <body> <div?id="box1">盒子1</div> </body> </html>這是上圖中的代碼
2016-01-08
邊界就是盒子里內(nèi)容邊框外部margin的寬度，我們看到的盒子只是盒子的一部分 邊框外的margin是看不到的
下面就是例子中的盒子模型 在firefox瀏覽器 開(kāi)發(fā)模式看到的 盒子的實(shí)際寬度