position
:relative; → 必須先宣告，自己要相對定位了，
left
:100px; → 然後進行調整。
top:150px; → 然後進行調整。
相對定位不脫標,真實位置是在老家,只不過影子出去了,可以到處飄.
position: relative;
right: 100px; → 往左邊移動
top: 100px;
position: relative;
right:
100px;
bottom:
100px; → 移動方向是向上。
span
class=」box1」> → 絕對定位
class=」box2」> → 相對定位
class=」box3」> → 沒有定位
p> → 絕對定位，以box2為參考定位。
div>
div>
div>
絕對定位之後,所有標準流的規則,都不適用了.所以margin:0 auto;失效.
-300px; → 寬度的一半
非常簡單,當做公式記一下來.就是left:50%;margin-left:負的寬度的一半.分類:
前端學習之html + css3
好文要頂
關注我收藏該文
chaos_g
關注 - 14
粉絲 - 25
+加關注 00
前端css-font屬性,超連結的美化,css精靈,background綜合屬性
前端小技巧-定位的活學活用之仿**列表
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦：
markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。 —— [ 維基百科 ]
使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細語法參考幫助？。
本編輯器支援markdown extra, 擴充套件了很多好用的功能。具體請參考github.
markdown extra**語法：
專案**
computer
$1600
phone
$12pipe$1
可以使用冒號來定義對齊方式：
專案**
數量computer
1600 元
5phone
12 元
12pipe
1 元234
markdown extra定義列表語法：
專案１
專案２定義 a
定義 b
專案３定義 c
定義 d
定義d內容
**塊語法遵循標準markdown**，例如：
@requires_authorization
defsomefunc
(param1='', param2=0):
'''a docstring'''
if param1 > param2: # interesting
print
'greater'
return (param2 - param1 + 1) or
none
class
someclass:
pass
>>> message = '''interpreter
... prompt'''
生成乙個腳注1.
用[toc]來生成目錄：
快捷鍵markdown及擴充套件
離線寫部落格
瀏覽器相容
使用mathjax渲染latex 數學公式，詳見math.stackexchange.com. x
=−b±
b2−4
ac −
− −
− −
− − √2
a 更多latex語法請參考 這兒.
可以渲染序列圖：
或者流程圖：
即使使用者在沒有網路的情況下，也可以通過本編輯器離線寫部落格（直接在曾經使用過的瀏覽器中輸入write.blog.csdn.net/mdeditor即可。markdown編輯器使用瀏覽器離線儲存將內容儲存在本地。
使用者寫部落格的過程中，內容實時儲存在瀏覽器快取中，在使用者關閉瀏覽器或者其它異常情況下，內容不會丟失。使用者再次開啟瀏覽器時，會顯示上次使用者正在編輯的沒有發表的內容。
部落格發表後，本地快取將被刪除。
使用者可以選擇 把正在寫的部落格儲存到伺服器草稿箱，即使換瀏覽器或者清除快取，內容也不會丟失。
注意：雖然瀏覽器儲存大部分時候都比較可靠，但為了您的資料安全，在聯網後，請務必及時發表或者儲存到伺服器草稿箱。
ie９以下不支援
ie９，１０，１１存在以下問題
不支援離線功能
ie9不支援檔案匯入匯出
ie10不支援拖拽檔案匯入
引用塊內容
這裡是腳注的 內容. ↩ 歡迎使用CSDN markdow
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...
歡迎毛毛與妞妞使用CSDN markdown編輯器
建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能，豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下mar...
歡迎使用CSDN markdow1n編輯器
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...