margin對布局的影響

2022-06-04 17:09:10 字數 479 閱讀 2523

雙飛翼布局:中間固定,兩端自適應

聖杯布局:中間自適應,兩端固定

margin是外邊距,屬性值是數字,數字又分正負

整數:margin:20px;說明上、右、下、左外邊距都是20px;

負數: 在static元素中(標準流下)margin-left為負數當前元素向左走,margin-top為負數當前元素向上走

margin-bottom為負數後當前元素不動後面的元素向上走,margin-right為負數當前元素不動後面的元素向左走

注意:margin為負會增大當前元素的寬(前提是當前元素沒有設定width)

在float下,給元素margin-left為負當前元素向左走,margin-right為負後乙個元素向左走會覆蓋當前元素

在absolute下,margin為負,讓元素居中,前提是知道元素的寬高。

margin為負無論在什麼條件下都是釋放自己的空間,如果自己的margin不夠,就把自己的寬高貢獻出去。

CSS中margin值為負對布局的影響

一 首先是對自身的影響 1.margin left,margin right會增加元素自身寬度。m 當自身元素寬度未設定或width auto時,margin為負值會增加元素自身的寬度 如圖 width auto時 如圖 width auto時且設定了margin left 40px 2.margi...

margin負值 一 之對自身的影響

1.margin left margin right負值 當元素不存在width屬性或width auto時,負值margin會增加元素的寬度。注意 這僅是在元素不存在width屬性或則width屬性預設時。doctype html html lang en head meta charset ut...

形狀對介面布局設計的影響

我們日常生活中所了解的形狀各式各樣的,對我們生活影響極其大,比如地下水井蓋為程式設計客棧何做成圓形,電線桿的外形為何是圓形,高鐵火車頭前面為何是尖尖的,而不是方形等等,那麼在產品介面設計中,形狀對它的影響也是極其大,每一種樣式所傳達的感受是不同的,矩形 平行四邊形 圓形 三角形,其他不規則圖形,我把...