overflow屬性入門，div層級結構？
1、定位
定位：
1、普通流定位
普通流，又稱為文檔流
塊級元素：從上到下一個一個的排列
行內元素：一行內從左到右的排列
2、浮動定位
1、什么是浮動定位
將元素排除在普通流之外，即脫離文檔流
浮動元素不會占據頁面空間
浮動元素會放置在"包含框"的左邊或右邊
浮動元素依舊位于包含框之內
浮動元素可以向左或向右浮動，直到碰見包含框的邊緣或另一個已浮動的元素框為止
2、特點
1、浮動元素邊緣不會超過其父元素的邊緣
2、浮動元素不會重疊
3、浮動只能左右浮動，不會上下浮動
注意：非塊級元素浮動的話，那么將會變成塊級元素，允許修改 width 和 height
3、處理問題
1、讓塊級元素在同一行內顯示
2、修改行內元素的 width 和 height
4、浮動屬性
屬性：float
取值：
none
left
right
清除浮動所帶來的影響:
屬性：clear
取值：left
right
both
5、子級元素的浮動，為父層元素所帶來的影響
如果一個元素的所有子級內容都是浮動的，那么它的高度會變成 0
解決方案
1、設置父容器高度
2、設置父元素的 overflow:hidden;
3、在父元素中，增加一個空元素，添加clear:both;
2、顯示方式
1、display
none：生成元素沒有框，不占據頁面空間，隱藏
block：按塊級顯示
inline：按行內方式顯示
inline-block:行內塊，所有的元素在一行內顯示，允許修改width 和 height
使用場合：
1、控制元素的顯示與隱藏
隱藏：display:none;
顯示：
塊級 ：display:block
行內 ：display:inline
2、將行內元素變成塊級 或 行內塊
目的：修改行內元素的寬和高
2、顯示效果
1、visibility
可見性
取值：
visible ：默認值，可見的
hidden ：元素不可見，占據頁面空間
collapse ：用在表格上
問題：visibility:hidden 與 display:none的區別
2、opacity
透明度
取值：0 - 1
opacity:0.5;
3、vertical-align
垂直方向對齊
td
img
取值：
baseline : 默認，基線對齊
top : 頂部對齊
bottom ：底部對齊
middle ：居中對齊
放在img 上，控制的是 img 左右兩端文本的垂直對齊方式
4、光標
改變鼠標的顯示效果
屬性：cursor
取值：
default
pointer ：小手
crosshair ：+
text ： I
wait : 等待
help : ？
html？
1，html讓元素隱藏主要通過下面的方法來實現；
2，方法一：display:none;
特點: 真正的隱藏元素。
(1) 將元素的display屬性設置為none能夠確保元素不可見;
(2) 使用這個屬性,被隱藏元素不占用任何空間;
(3) 使用display:none隱藏元素,不能直接跟用戶進行交互操作
(4) 任何這個隱藏元素的后代元素也會被隱藏;
(5) 但是，可以通過JS中的DOM操作訪問到這個被隱藏的元素，也可以通過DOM對它進行操作。
方法二：overflow: hidden;
原理: 將元素位置設置到父元素的外面。
方法三：設置元素的寬高等盒子模型的屬性值為0。
方法四：利用定位隱藏元素。
優點：只要通過將元素的left和top設置足夠大的復數 (這個元素可以跟用戶進行交互);
缺點：仍然可以使用讀屏軟件讀取元素的內容。
方法五：.opacity:設置元素透明度為0。
特點: 將元素的透明度設置為0，只是從視覺隱藏元素，元素本身的位置仍然存在，也可以跟用戶進行交互。
方法六：visibility: 設置元素是否可見。
默認為：visible(可見);
隱藏(不可見)：hidden。
css隱藏元素的幾種方法？
css隱藏元素是網頁編寫常用的方式，根據我的經驗總結了以下幾種css隱藏元素的方法.
opacityopacity屬性的隱藏方法主要是將元素透明度opacity設置為0，從而在視覺上就隱藏了元素，但是元素本身依然占據的著原有空間。
瀏覽器支持來說 IE8以以及更早的版本需要使用filter屬性代替，如: filter: Alpha(opacity=80)。
語法: opacity: value|inherit;
value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。
inherit：從父元素集成opacity屬性的值。
其規定使用的CSS版本為 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例：
.hide { opacity: 0;}displaydisplay屬性的隱藏方法主要是將元素display值設置為none，將其不可見，連盒子模型也不生成，甚至連也不占用原有空間，使用該屬性為none時用戶對該元素的操作將不可用。
其規定使用的CSS版本為 CSS1。
JavaScript上的display隱藏時方法: object.style.display="none"。
JavaScript上的display顯示時方法: object.style.display="除none的其他值"
display的屬性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。
使用示例：
.hide { display: none;}如果使用jQuery對 帶有display: none;的元素進行顯示/隱藏使用: $('.element').show() / $('element').hide();
positionposition屬性的隱藏方法主要是將元素定位出可視區域，從而達到隱藏效果。這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。
該屬性的值包含有: absolute，fixed，releative，static，inherit。
其規定使用的CSS版本為 CSS2。
JavaScript上的absolute隱藏時方法: object.style.position="absolute" ,object.style.top="-99999px",object.style.left="-99999px"。
使用示例：
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibilityvisibility屬性的隱藏方法主要是在使用動畫效果時使用，將該值設置為 hidden將隱藏元素及其子孫元素，如，我們需要鼠標移動到元素后顯示子元素，可在元素 的hover樣式設置 元素（或其子孫元素）的visibility的值 為visible即可。
該屬性的值包含有:visible，hidden，collapse，inherit。
其規定使用的CSS版本為 CSS2。
JavaScript上的absolute隱藏時方法: object.style.visibility="hidden"。
使用示例：
.hide {
visibility: hidden;
}
.show
{visibility: visible;
}
overflowoverflow屬性的隱藏方法主要是, 使用超出隱藏的方法。
使用示例：
.overflow
{ overflow: hidden;}是指數據太大或太小？
差不多是這個意思，計算機字長都是固定的，比如32位，如果要表示的數據大于2的32次方，那就會溢出了，這時解決的辦法可以用更多個字節來表示