margin 負邊距應用

2021-09-28 19:34:50 字數 1487 閱讀 3479

最外層寬度 340=100 20 100 20 100

*/23

24.pp

28/*

次外層寬度 360

*/29

30.p

34/*

每個寬度100 20

*/35

36.c

43style

>

44head

>

4546

<

body

>

47<

div

class

="pp"

>

48<

div

class

="p clearfix"

>

49<

div

class

="c"

>

50寬度100px,margin-right: 20px;

51div

>

52<

div

class

="c"

>

53寬度100px,margin-right: 20px;

54div

>

55<

div

class

="c"

>

56寬度100px,margin-right: 20px;

57div

>

58div

>

59div

>

6061

body

>

6263

html

>

效果:

具體原理請看**注釋。

注:padding不允許使用負值。

更多專業前端知識,請上

【猿2048】www.mk2048.com

css的負邊距(margin負值)的絕招

本文介紹了css負邊距在普通文件流中的作用和效果 左和右的css負邊距對元素寬度的影響 css負邊距對浮動元素的影響 css負邊距對絕對定位元素的影響。懶人建站 那些沒有脫離文件流的元素 指不是浮動元素也不是絕對定位 固定定位的元素等 其在頁面中的位置是跟隨者文件流的變化而變化的。看下面這幅圖 負 ...

譯 負邊距詳解

原文the definitive guide to using negative margins 自從1998年css2作為推薦以來,的使用漸漸退去,成為歷史。正因為此,從那以後css布局成為了優雅 的代名詞。我們都使用過css得外邊距,但是當談到負邊距的時候,我們好像往差的方向發展啦。在網頁設計中...

絕對定位和負邊距的應用

1方法 a 父容器加相對定位 b 給字元素加絕對定位 c top left 50 d margintop height marginleft width 取子元素的一半 2.舉例 3.結果 1.作用 可以實現讓中間的內容先載入出來 2.方法 a 在預設情況下 給center加marginleft 2...