【疑問】css

1.p{float:left}好像意思是p後面的元素往左浮動的意思啊！！
2.ff下，button的文字好像無法垂直居中
2.1 button垂直對齊，其line-height彷佛須要減2px（依邊框寬度而定）
3.inline-block同inline有什麼區別
4.繼承獲得的font-size有小數點
5.<i class="display:inline-block;width
20px;height:20px;background:green"></i><p style="height:100px;background:red"></p>
爲什麼二者間有垂直間距
6.overflow:hidden的margin-top不能不被浮動的兄弟元素覆蓋？
7.我認爲ff下可能input超出div的高度會被隱藏，而chrome下則不會
8.position:fixed;好像只能相對瀏覽器窗口定位
9.botton在ff下默認是border-box
10.botton在FF下默認將color應用到border-color
11.若是隻有兩個inline-block，只爲其中設置一個vertical-align兩個都會有相同的效果。
12.如何換行且溢出顯示省略號？
13.
對i添加這條
    display: inline-block;
    width: 120px;
    overflow: hidden;/*一加這句，垂直對齊就必須加上vertical-align:middle了，否則不會與兄弟元素垂直對齊*/
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;

14.vertical-align:middle;可能會致使父元素增高，緣由未知。猜想與子元素高度爲奇數有關
15.
<div style="display:inline-block">
    <p style="width:50%">
        <span>asd</span>
    </p>
</div>
按理說，子元素p寬度爲div的父元素的50%，算是比較合理的。但事實上否則，會是一個沒法理解的結果：div不知從哪兒得到寬度（並不是其父元素的50%），而p的寬度是div的50%。
16.以上的貌似能夠誕生一個技巧：實現父元素爲子元素的兩倍寬度；【未證明】
固然，這個實現能夠用更符合預料的手法：子元素的子元素設定width:200%;
17.繼續討論，p中的span若設定inline-block且width:2em，那麼div將根據span定義寬度，而p的寬度爲div的一半，也爲span的一半。
也就是說，這實現了父元素(p)爲子元素(span)一半寬度。
若設定p的width:200%，是否就是實現了16了呢？
18.overflow-x:hidden，單設定這一個時溢出，會在ff下出現垂直滾動條
19.給父元素設置這些值，其中的inline-block子元素溢出時不會被父元素的右padding遮蓋？

    overflow: hidden;
    white-space: nowrap;

20.如何實現，i浮動在左側，而p垂直排列？div與i不能設置固定高度，可設置百分比。
<div>
  <i />
  <p />
  <p />
  <p />
</div>
21.td裏使用float：right會致使垂直不對齊

22.我經常使用有針對性的寫法：
.clients .row {width:10px;}
與之相反的寫法是：
.row {width:10px;}
無針對性的寫法會致使.row的設定被用到任一個.row中。
有針對性的寫法會使得此設定的優先級較高，而像.auto {width:auto;}這種規則就沒法運用上。