盒模型--寬度和高度
盒模型寬度和高度和我們平常所說的物體的寬度和高度理解是不一樣的，css內定義的寬（width）和高（height），指的是填充以里的內容范圍。
因此一個元素實際寬度（盒子的寬度）=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。
為什么要算邊界？關于盒子尺寸用在哪里？
慕斯卡4106679
2016-01-08
3 回答
舉報
0/150
提交
取消
2016-01-08
算邊界個人覺得主要就是為了方便排版，盒子的尺寸計算在以后網頁的美觀方面可以起到很大的作用，讓人看上去很舒服，整齊
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
邊界就是盒子里內容邊框外部margin的寬度，我們看到的盒子只是盒子的一部分 邊框外的margin是看不到的
下面就是例子中的盒子模型 在firefox瀏覽器 開發模式看到的 盒子的實際寬度