盒子模型針對css中每個元素
padding後加元素格式 四元素 上 右 下 左
三元素 上 （左右） 下
兩元素 上下 、 左右
也可以
margin 、border和padding同樣擁有以上一樣規則。
.content1
.content
.box
width:50px;
height:50px;
background-color:#000;
padding:10px;
}
盒子自身的尺寸
:內容的寬高
+兩側內邊距
+兩側邊框
盒子在頁面中佔位的尺寸
:內容的寬高
+兩側內邊距
+兩側邊框
+兩側外邊距
position： 定位 讓特定元素在特定位置出現
1.absolute: 絕對定位，特點，脫離原來位置（層）進行定位，進入新層，在原來層位置上邊就真空了，別人就可以佔它的位置。
定位原則：相對於最近的有定位的父級進行定位，如果沒有，相對於文件進行定位。
與之配合的（fixed、absolute、relative）：
right（右邊線距離瀏覽器右邊）
left （左邊線距離瀏覽器右邊）
top （上邊線距離瀏覽器右邊）
bottom （下邊線距離瀏覽器右邊）
在此你可能會發現body 有乙個天生的margin 8 px。（初始化所有標籤最大的意義就是把 body的8去掉）
*定位原則：相對於原來出生的位置進行定位
小結：一般情況用relative，作為參照物 ，用absolute進行定位。因為absolute定位，原來位置不會保留。relative是相對於出生位置定位，更適合做參照物，而absolute可任意選擇參照物，所以定位更靈活。
3. fixed 固定定位（廣告定位） absolute是相對於文件而fixed是相對於可視區視窗
#wwCSS盒子模型和元素溢位
盒子模型 1 重要的組成元素 content 內容 padding 內邊距 border 邊框 margin 外邊距 2 margin margin 100px auto 100px 表示的是上下的外邊距 auto表示的左右水平居中 margin 10px,20px,30px,40px 上,右,下,...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...
css盒子模型 說說css盒子模型
引用mdn官方的解釋 當對乙個文件進行布局 lay out 的時候，瀏覽器的渲染引擎會根據標準之一的 css 基礎框盒模型 css basic box model 將所有元素表示為乙個個矩形的盒子 box css 決定這些盒子的大小 位置以及屬性 例如顏色 背景 邊框尺寸 每個盒子由四個部分 或稱區...