---
# System prepended metadata

title: CSS-Boxing 相關
tags: [HTML-CSS]

---

# CSS-Boxing 相關
###### tags: `HTML-CSS`
## 一 . Box-modal
## 二 . block和inline
### (一) . 網頁元素的特性
### (二) . ```inline```
1. 特性 ： 不會佔去一整行。
2. 寬高 ： 寬和高的屬性對其沒有用，可以理解為『線』。
3. padding 和 margin  : 可以撐開左右距離，但沒有辦法撐開高度，雖然可以使BOX變大，但實際上不會對其他元素造成影響。

### (三) . ```block```
1. 特性 ： 必佔去一整列，不論內容大小。
   - 若前面是```inline``` : 仍會換行，因為```block```是要佔去『一整行的內容』。 
2. 寬高 ： 可以設定寬高，可以理解為『面』。

### (四) . ```inline-block```
1. 特性 ： 不會佔去一整列，但可以設定寬高。
2. 應用 ： 自製nav-bar
 

## 三 . float