1. 行級元素：span a strong em del 塊級元素：div p ul li form address 2. 解決盒子塌陷（觸發盒子的bfc） position：absolute； display：inline-block； float：left/right； overflow：hidden； 被設置了position和display的元素，會被自動轉換成inline-block元素 3. position的一些屬性 relative：保留原來的位置進行定位，相對于自己原來的位置進行定位 absolute：脫離原來的位置進行定位，相對于最近的有定位的父級進行定位，如果沒有，那么相對于文檔進行定位 fixed：固定定位，位置寫死之后可以不動 一般用法：用relative作為參照物，用absolute進行定位和操作 另外：行內元素添加了 position: absolute或float: left屬性，將會在內部轉換為display: inline; 4. 浮動 產生了浮動流的元素，塊級元素看不到他們，產生了bfc的元素和文本類元素看得到浮動元素。 （1）可以利用偽元素清除浮動。 ``` .class::after{ content:""; clear:both;//能清除浮動的必須是塊級元素 display:block; } ``` （2）利用bfc添加相應屬性，即可看到浮動流 5. 文字溢出顯示 1）單行文本 white-space：nowrap;//單行展示 overflow:hidden;//超出隱藏 text-overflow:ellipsis;//超出顯示... 2）多行文本 多行之進行截斷處理 height:40px; line-height:20px; overflow:hidden;