1.margin還可以用來做平移,作用類似translate哈哈。將元素設成absolute後就可以用margin隨便平移他了,既不像relative那樣要霸佔空間,又不用為父元素設定relative,還可以和top,left,right,bottom組合使用
2.當為div設定padding後有些元素又想佔滿div, 這時只要設定這個元素的margin為負padding的值就行了
1<
b>marign 妙用1:
b>23
<
div
class
="padding20"
>
4padding20
5<
hr class
="margin_20"
/>
6hr通過margin設成負數佔滿了div
7div
>
8<
hr/>
9<
b>marign 妙用2:
b>
10<
div
class
="relative"
>
11absolute,相對位置(需要設定父元素為relative)
12<
div
class
="abs"
>
13移動到這
14div
>
15div
>
16<
br/>
17<
hr/>
18<
div>
19使用relative,相對位置
20<
div
class
="relativemove"
>
21移動到這
22div
>
23上邊被relative佔了一行空間!
24div
>
25<
br/>
26<
hr/>
27<
div>
28使用margin,相對位置
29<
div
class
="margin"
>
30移動到這
31div
>
32沒被占用空間
33div
>
css:
1.relative 56
.abs
12.margin
18.relativemove
25.padding20
30.margin_20
CSS外邊距屬性 margin 的使用方法
css外邊距屬性 margin 的使用方法 外邊距是頁面中設定元素與另乙個元素之間距離的屬性,如果想完全使用css布局代替傳統table布局,那就需要好好掌握外邊距的特性。html中有些標籤帶有預設的margin屬性,比如和,在重新設定它們的值後就會覆蓋預設樣式。按照設定方位不同,margin有四個...
為知筆記使用方法與技巧
1 為知筆記markdown文件寫作 1.1 使用第三方編輯器 typora 強烈建議,太好用了 1.2 使用外掛程式 wiz.editor.md 2 發布部落格功能 3 搜尋功能 3.1.1 基本搜尋 3.1.2 高階搜尋 3.2 本地搜尋 3.3 搜尋外掛程式 4 外掛程式推薦 5 自定義模板 ...
Awrcrt的使用方法和技巧
用法和awrrpt類似 sqlplus as sysdba awrcrt.sql 4個引數 引數1 顯示多少天的awr snap list 引數2 開始snap id 引數3 結束snap id 引數3 輸入80 顯示影象相關的 引數4例項id 5 60秒後,在當前目錄生成乙個 awrcrt htm...