1.float
注意：1.浮動元素產生了浮動流，塊級元素看不到他們，也就是會忽略它所佔的位置；
2.產生bfc的元素和文字類屬性的元素以及文字都能看到他們；
3.有inline-睡醒都具有文字屬性
4.若設定浮動，應該馬上清除浮動，避免不必要的影響
清除浮動的方法：
方法一：新增新的元素 、應用 clear：both；一般不可取
方法二：在父級元素設定overflow：hidden；
方法三：偽元素，在父級的 after
<div
class
='father'
>
<
div
class
= 'son'
>
div>
div>
<
style
>
.son
.father::after
style
>
2.position
1.absolute
脫離原來的位置定位，最近有定位的父級定位，如果沒有，則相對文件定位；
2.relative
保留原來的位置定位，相對於原來的位置定位
注意：
如果元素有position：absolute，float：left/right 瀏覽器內部會把元素轉換成inline-block;
1.單行文字
三件套：
<style
>
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
style
>
2.多行文字
上述方法不好使，只能用overflow：hidden；
CSS日常小知識
假如有乙個padding border margin 與其他的三條邊不同，其他三條邊一樣，這個時候我們設定總體樣式，再單獨去設定它的樣式。border 5px solid red css 層疊特效 border bottom 10px dashed green 有一些標籤會有預設的樣式，比如預設的m...
css簡單小知識
一.css盒子模型 1 屬性 外邊距 margin 邊框 border 內邊距 padding 和內容 content 2.種類 ie盒子模型和標準模型兩種。標準模型 box sizing content box ie模型 box sizing border box 3.筆記 1 內邊距paddin...
css計算屬性 一些提公升css效能的小知識
對於效能優化我們常常在專案完成時才去考慮，經常在專案的末期，效能問題才會暴露出來，此時才進行一些相關的效能優化。其實，如果我們從一開始編碼，就注意一些細節問題，後面的工作量會小很多，下面我們來看看在書寫css時，我們可以注意哪些細節，從而來提公升css處理效能。先來看看這段 這是什麼顏色 這是什麼顏...