Box1，樣式寬高200，背景色#bfa
Box2是子元素，寬100，高200，background橙色，在父元素內(nèi)容區(qū)的
image.png
image.png
子元素比父元素小
如果box2高400，比父元素大，相當于小盒子里裝個大東西撐破了，這叫溢出
image.png
Overflow
用來設置元素如何處理溢出的內(nèi)容,這個屬性是加給父元素的
- 可選值
- Overflow:Viseble, 默認值，溢出的內(nèi)容直接在元素以外的位置顯示
image.png
-
overflow:Hidden溢出的內(nèi)容會被裁剪，隱藏不顯示，文字最好不要裁，顯示內(nèi)容不全，也可以在div里面直接寫字
image.png -
Overflow：Scroll
- 出現(xiàn)滾動條，可以通過滾動條查看完整的內(nèi)容
- 無論那個方向 溢出，總會生成雙方向滾動條
image.png
垂直方向溢出，水平?jīng)]有溢出
- Overflow：auto 垂直溢出出現(xiàn)垂直，水平溢出出現(xiàn)水平，如果都沒溢出，都沒有滾動條
超鏈接做個200 乘200超鏈接
image.png
Display，用來設置元素的顯示類型
- 可選值
- Inline 元素將會以行內(nèi)元素的形式顯示
-
Block 元素講會一個塊元素的形式顯示，寬高生效了就可以看出是個塊元素
image.png
Inline-block元素將會以行內(nèi)塊元素的形式呈現(xiàn)，寬高生效，沒有獨占一行
行內(nèi)塊：既有塊元素特點，可以設置寬高，也有行內(nèi)元素的特點，不會獨占一行
image.png
樣式寫Display:None表示隱藏，元素不會在頁面中顯示 ，可以等他滿足一定條件再讓他出來，不會占據(jù)位置
image.png
:
用來設置元素是否顯示
可選值
Visibility:Visible 默認值 元素在網(wǎng)頁中正常顯示
Visibility:Hidden 元素在頁面中隱藏，但是依然占據(jù)頁面的位置
（主要以Display:None為主）
table：元素會以表格的形式顯示
