1. css 中position:absolute的定位到底是相當於body，還是父級元素的問題
結論如下：
position:absolute是相對於他的包含塊中第乙個有position:absolute或者position:relative屬性的父級元素，如果都沒有，就是相對於body。
（這個細節困擾我蠻久）
absolute
生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed
生成絕對定位的元素，相對於瀏覽器視窗進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative
生成相對定位的元素，相對於其正常位置進行定位。
因此，"left:20" 會向元素的 left 位置新增 20 畫素。
static
預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
inherit
規定應該從父元素繼承 position 屬性的值。
2.css控制乙個ul標籤下的指定li標籤樣式
ul li:first-child 第乙個
ul li:last-child 最後乙個
ul li:nth-child(5) 指定第幾個
ul li:nth-child(3n+1)/*匹配第1、第4、第7、…、每3個為一組的第1個li*/
ul li:nth-child(odd) 基數
ul li:nth-child(even) 偶數
ul li:first-child 第乙個
ul li:last-child 最後乙個
ul li:nth-child(5) 指定第幾個
ul li:nth-child(3n+1)/*匹配第1、第4、第7、…、每3個為一組的第1個li*/
ul li:nth-child(odd) 基數
ul li:nth-child(even) 偶數
3.通過使用text-overflow和white-space屬性來使文字在一行內顯示，超出則加省略號;
css：需要加上寬度(width:100px)、超出隱藏（overflow:hidden;）、強制在同一行顯示（white-space: nowrap;）、省略號（text-overflow:ellipsis;）;
p
4. css3 自定義滾動條樣式：
/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb
適用於-webkit- 核心的偽類：
引用：
CSS中的Position屬性
size large size large css的position很重要，有以下幾個值 static，relative，absolute，fixed。static 靜態定位。如果你沒有設定position屬性，那麼預設就是static。top，left，bottom，right等屬性，在stati...
css中的 position屬性
當前元素是文件流，並且處於自己應該在的位置。一般我們不需要設定這一屬性，除非想要覆蓋之前設定的定位。當前元素是文件流，沒有設定top bottom left和right屬性時是在他本來的位置上，但是可以通過設定top bottom left和right屬性來對元素進行移動，元素的移動會覆蓋下面的文件...
CSS中的position屬性
在html中網頁可以看成乙個立體的空間，乙個完整的頁面是由很多個頁面堆積形成的，如下圖所示 css中position屬性有四個可選值，它們分別是 static absolute fixed relative。position static 無定位 該屬性值是所有元素定位的預設情況，在一般情況下，我們...