1：　　span 標簽設置width屬性 ?需要讓span:display:block; ? 當span 有float 和定位樣式的時候 不需要添加。

2:　　定位：

　　position：relative, fixed, absolute；常用定位

　　position：absolute；和float：left 都會讓元素inline-block；例如div默認100%寬度 就會變成內部元素寬度。

　　absolute 布局部分可以使用margin 來代替 ?相對于 body 來說的定位。

　　absolute 隱藏 可以用top來定位給大負值　　或者用?visibility:hidden；

　　1 position:relative;

　　　　首先它將出現在它所在的位置上。然后通過設置垂直或水平位置，讓這個元素"相對于"它的原始起點進行移動。無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其他框
　　2 position: absolute;

　　　　表示絕對定位，位置將依據瀏覽器左上角開始計算。 絕對定位使元素脫離文檔流，因此不占據空間。普通文檔流中元素的布局就像絕對定位的元素不存在時一樣因為絕對定位的框與文檔流無關，所以它們可以覆蓋頁面上的其他元素并可以通過z-index來控制它層級次序。z-index的值越高，它顯示的越在上層

　　　　絕對定位：ablution 脫離了文檔流與浮動模型，獨立于其他對象而存在，沒有占位。
　　3 父容器使用相對定位，子元素使用絕對定位后，這樣子元素的位置不再相對于瀏覽器左上角，而是相對于父窗口左上角

　

轉載于:https://www.cnblogs.com/xuedong/p/4969167.html

總結

以上是生活随笔為你收集整理的css 知识概括的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。