-
margin百分比，都是相對(duì)容器的寬度
都是!!!!!
查看全部 -
圖片和文字布局
查看全部 -
絕對(duì)定位居中
查看全部 -
<div?> ????<div?></div> </div>
寬高2:1布局
查看全部 -
margin負(fù)值，padding正值這部分沒(méi)看懂……先做個(gè)記錄吧
查看全部 -
absolute實(shí)現(xiàn)水平垂直居中
查看全部 -
writing-mode屬性實(shí)現(xiàn)垂直居中
查看全部 -
margin重疊的計(jì)算規(guī)則
查看全部 -
1、絕對(duì)定位元素的百分比margin
? ? 絕對(duì)定位元素的百分比margin是相對(duì)于第一個(gè)定位祖先元素(relative/absolute/fixed)的寬度計(jì)算的！例子中：是1024*10%。
查看全部 -
百分比margin的計(jì)算規(guī)則
普通元素的百分比margin都是相對(duì)于容器的寬度計(jì)算的！
例子中為600*10%，而不是200*10%。
查看全部 -
margin與可視尺寸：
1.1 適用于沒(méi)有設(shè)定width/height的普通block水平元素
1.2 只適用于水平方向尺寸，改變左右margin，容器的寬度會(huì)發(fā)生變化；改變上下margin,容器的高不會(huì)發(fā)生變化，但位置會(huì)發(fā)生變化。
margin與占據(jù)尺寸
2.1 block/inline-block水平元素均適用
2.2 與有沒(méi)有設(shè)定width/height值無(wú)關(guān)
2.3 適用于水平方向和垂直方向
查看全部 -
margin只改變水平方向的盒模型
查看全部 -
一、margin重疊通常特性
只發(fā)生在block水平元素（不包括flaot和absolute元素）
不考慮writing-mode，只發(fā)生在垂直方向
二、margin重疊3種情況
相鄰的兄弟元素
父級(jí)和第一個(gè)/最后一個(gè)子元素
空的block元素
三、父子margin重疊其他條件
1.margin-top重疊
父元素非塊狀格式化上下文元素
父元素沒(méi)有border-top設(shè)置
父元素沒(méi)有padding-top值
父元素和第一個(gè)子元素之間沒(méi)有inline元素分隔
2.margin-bottom重疊
父元素非塊狀格式化上下文元素
?父元素沒(méi)有border-bottom設(shè)置
父元素沒(méi)有padding-bottom值
父元素和第一個(gè)子元素之間沒(méi)有inline元素分隔
父元素沒(méi)有height,min-height,max-height限制
四、空block元素margin重疊其他條件
元素沒(méi)有border設(shè)置
元素沒(méi)有padding值
里面沒(méi)有inline元素
沒(méi)有height或者min-height
查看全部 -
margin不生效時(shí)的解決辦法
查看全部
舉報(bào)